*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Vazirmatn,Tahoma;background:#05081a;color:#fff;overflow:hidden} .nebula,.stars{position:fixed;inset:0;pointer-events:none}.nebula{background:radial-gradient(60% 50% at 20% 20%,rgba(70,60,180,.4),transparent 60%),radial-gradient(50% 40% at 80% 60%,rgba(180,60,140,.3),transparent 60%);animation:neb 10s ease-in-out infinite alternate}@keyframes neb{to{transform:scale(1.2)}} .stars{background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 70%,#ffd,transparent),radial-gradient(1px 1px at 80% 20%,#fff,transparent);background-size:200% 200%;animation:tw 5s linear infinite}@keyframes tw{to{background-position:200% 200%}} .box{background:rgba(255,255,255,.07);border:1px solid rgba(212,175,55,.5);border-radius:24px;padding:40px 34px;width:350px;text-align:center;backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.6);animation:pop .6s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{from{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1}} .logo{font-size:54px;display:inline-block;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(212,175,55,.7))}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} h1{margin:8px 0 18px;font-size:24px;background:linear-gradient(90deg,#d4af37,#fff2b0,#d4af37);background-size:200%;-webkit-background-clip:text;color:transparent;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200%}} input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(212,175,55,.6);background:#0a0f2e;color:#fff;margin:7px 0;font-family:inherit;font-size:14px}input:focus{outline:none;border-color:#f5d76e;box-shadow:0 0 16px rgba(212,175,55,.5)} button{width:100%;padding:12px;border-radius:12px;border:none;background:linear-gradient(45deg,#d4af37,#f5d76e);color:#0a0f2e;font-weight:900;font-size:15px;cursor:pointer;font-family:inherit;margin-top:6px}button:hover{transform:scale(1.04)} .link{color:#60a5fa;cursor:pointer;font-size:13px;margin-top:12px;display:inline-block}.hide{display:none} #toasts{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:99;display:flex;flex-direction:column;gap:10px} .toast{padding:13px 26px;border-radius:14px;backdrop-filter:blur(12px);font-weight:bold;animation:tIn .4s both}.toast.ok{background:rgba(74,222,128,.2);border:1px solid #4ade80;color:#4ade80}.toast.bad{background:rgba(255,107,107,.2);border:1px solid #ff6b6b;color:#ff6b6b}.toast.hide{animation:tOut .4s both} @keyframes tIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1}}@keyframes tOut{to{opacity:0;transform:translateY(-20px)}}

سپهر

🔑 فراموشی رمز؟

کد به بله شما ارسال می‌شود

→ بازگشت
→ بازگشت