*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:#02030a;color:#fff;overflow:hidden}

/* RGB BORDER */
body::after{
  content:"";position:fixed;inset:0;padding:2px;
  background:linear-gradient(90deg,red,orange,yellow,green,cyan,blue,purple,red);
  background-size:400%;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:border 6s linear infinite;pointer-events:none
}
@keyframes border{0%{background-position:0}100%{background-position:400%}}

canvas{position:fixed;top:0;left:0;z-index:-2}

.menu{
 position:fixed;top:15px;left:50%;transform:translateX(-50%);
 display:flex;gap:15px;background:rgba(255,255,255,0.05);
 padding:10px 20px;border-radius:20px;backdrop-filter:blur(10px);
 box-shadow:0 0 20px cyan
}

.menu a{
 color:#0ff;text-decoration:none;padding:5px 10px;border-radius:10px
}

.menu a:hover{
 background:cyan;color:#000
}

.container{text-align:center;padding-top:120px}

.profile img{
 width:120px;height:120px;border-radius:50%;
 border:3px solid cyan;
 box-shadow:0 0 40px cyan;
 animation:pulse 2s infinite
}

@keyframes pulse{
 0%{box-shadow:0 0 10px cyan}
 50%{box-shadow:0 0 50px blue}
 100%{box-shadow:0 0 10px cyan}
}

h1{
 margin-top:20px;font-size:3rem;
 background:linear-gradient(90deg,cyan,blue);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent
}

.links a{
 display:block;margin:10px auto;width:230px;
 padding:12px;border-radius:15px;
 color:#0ff;text-decoration:none;
 border:1px solid cyan;transition:.3s
}

.links a:hover{
 background:cyan;color:#000;transform:scale(1.1)
}

/* Loader */
#loader{
 position:fixed;inset:0;background:#000;color:#0f0;
 display:flex;align-items:center;justify-content:center;
 flex-direction:column;gap:20px;font-size:16px;
 z-index:9999;transition:opacity .8s ease
}

#enterText{
 font-size:18px;color:cyan;
 text-shadow:0 0 10px cyan;
 animation:blink 1.2s infinite
}

@keyframes blink{
 0%,100%{opacity:1}
 50%{opacity:0.3}
}

/* Mouse trail */
.trail{
 position:fixed;width:10px;height:10px;
 border-radius:50%;background:cyan;
 pointer-events:none;box-shadow:0 0 20px cyan
}

.fade-out{opacity:0}