/* style.css */
body{
  font-family:'Vazirmatn',sans-serif;
  background-color:#0a0a0f;
  color:#e2e8f0;
  overflow-x:hidden;
}
.bg-animated{
  background:linear-gradient(-45deg,#0a0a0f,#1a0b2e,#0f172a,#0a0a0f);
  background-size:400% 400%;
  animation:gradientBG 15s ease infinite;
}
@keyframes gradientBG{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.glass{
  background:rgba(255,255,255,0.05);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);
}
.glass-card{
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.08);
  transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);
}
.glass-card:hover{
  background:rgba(255,255,255,0.08);
  border-color:rgba(168,85,247,0.4);
  transform:translateY(-5px) scale(1.02);
  box-shadow:0 20px 40px rgba(168,85,247,0.15);
}
.gradient-text{
  background:linear-gradient(135deg,#a855f7,#6366f1,#06b6d4);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-15px)}
}
.float-animation{animation:float 6s ease-in-out infinite;}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#0a0a0f}
::-webkit-scrollbar-thumb{
  background:linear-gradient(135deg,#a855f7,#6366f1);
  border-radius:10px;
}
.banner-link{
  transition:all 0.4s ease;
  position:relative;
  overflow:hidden;
}
.banner-link::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(6,182,212,0.1));
  opacity:0;
  transition:opacity 0.4s ease;
}
.banner-link:hover::after{opacity:1}
.banner-link:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 50px rgba(168,85,247,0.2);
}
.glow-btn{
  position:relative;
  overflow:hidden;
}
.glow-btn::before{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  background:radial-gradient(circle,rgba(168,85,247,0.4) 0%,transparent 70%);
  transform:translate(-50%,-50%);
  transition:width 0.6s ease,height 0.6s ease;
}
.glow-btn:hover::before{width:300px;height:300px}
.hero-name{
  background:linear-gradient(135deg,#ffffff 0%,#a855f7 50%,#06b6d4 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 30px rgba(168,85,247,0.3));
}
.profile-ring{
  position:relative;
  display:inline-block;
}
.profile-ring::before{
  content:'';
  position:absolute;
  inset:-5px;
  border-radius:50%;
  background:linear-gradient(135deg,#a855f7,#6366f1,#06b6d4);
  z-index:-1;
  animation:rotate 4s linear infinite;
}
@keyframes rotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}