*{font-family:Vazirmatn,Tahoma,sans-serif}
body{min-height:100vh;color:#fff;background:linear-gradient(135deg,#2a0f4a,#7a1f5c 45%,#c2551f);background-size:200% 200%;animation:bg 18s ease infinite;overflow-x:hidden}
@keyframes bg{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.blob{position:fixed;border-radius:50%;filter:blur(70px);opacity:.45;z-index:-1;animation:float 20s ease-in-out infinite}
.b1{width:340px;height:340px;background:#f472b6;top:-80px;right:-60px}
.b2{width:300px;height:300px;background:#fb923c;bottom:-60px;left:-40px;animation-delay:-7s}
.b3{width:260px;height:260px;background:#22d3ee;top:40%;left:40%;animation-delay:-13s;opacity:.25}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-50px) scale(1.1)}}
.glass{background:rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.gbtn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);border-radius:999px;padding:.45rem 1rem;transition:.2s;font-weight:600}
.gbtn:hover{background:rgba(255,255,255,.26);box-shadow:0 0 18px rgba(255,255,255,.3)}
.gbtn:active{transform:scale(.95)}
.gbtn.on{background:#fff;color:#7a1f5c}
.pop{animation:pop .25s ease}
@keyframes pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.pulse{animation:pl 1.6s infinite}
@keyframes pl{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
.bounce{display:inline-block;animation:bn 1.4s infinite}
@keyframes bn{0%,100%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}
input,select,textarea{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:.8rem;padding:.5rem .75rem;color:#fff;outline:none}
select option{color:#000}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.6)}
.conf{position:fixed;top:-20px;font-size:22px;z-index:100;animation:fall 3s linear forwards;pointer-events:none}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
.noscroll::-webkit-scrollbar{display:none}
.slide{animation:sl .3s ease}
@keyframes sl{from{transform:translateX(-100%)}to{transform:translateX(0)}}