@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-Variable.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:40px 20px;color:#e8edf4;background:radial-gradient(ellipse at 25% 5%,#16414855,transparent 55%),radial-gradient(ellipse at 95% 90%,#1d274d66,transparent 50%),#0b0f14;font-family:Vazirmatn,sans-serif}main{width:min(100%,430px)}.brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;font-size:21px;letter-spacing:.3px}.brand-mark{display:flex;align-items:center;gap:4px;height:32px}.brand-mark i{display:block;width:5px;border-radius:8px;background:#67e8ce;height:18px}.brand-mark i:nth-child(2){height:32px}.brand-mark i:nth-child(3){height:25px}.brand-mark i:nth-child(4){height:12px}.login-card{padding:36px;border:1px solid #28323e;border-radius:24px;background:#111820e8;box-shadow:0 25px 80px #0005}.eyebrow{color:#67e8ce;font-size:12px}h1{margin:14px 0 10px;font-size:32px;letter-spacing:-.8px}.intro{margin:0 0 30px;color:#a6b3c3;font-size:14px;line-height:1.9}label{display:block;font-size:13px;margin:18px 0 9px}input{width:100%;height:50px;border:1px solid #303d4e;border-radius:11px;padding:0 14px;background:#0b1119;color:#f0f5fa;font:16px Vazirmatn,sans-serif;outline:none}input:focus{border-color:#67e8ce;box-shadow:0 0 0 3px #67e8ce18}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:8px;top:9px;padding:7px 9px;color:#9eacbd;background:none;border:0;border-radius:6px;font:12px Vazirmatn,sans-serif;cursor:pointer}.password-field button:focus-visible{outline:2px solid #67e8ce}#login-error{font-size:12px;line-height:1.8;color:#ffb3b3;min-height:22px;margin:12px 0}.submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:50px;border:0;border-radius:11px;padding:0 18px;background:#67e8ce;color:#08251f;font:600 14px Vazirmatn,sans-serif;cursor:pointer}.submit:hover{background:#8cf2dd}.submit:disabled{opacity:.6;cursor:wait}.submit:focus-visible{outline:3px solid #ddfff7;outline-offset:3px}.footer{margin-top:25px;text-align:center;color:#66788c;font-size:12px}@media(max-width:480px){body{padding:25px 16px}.login-card{padding:28px 23px}.brand{margin-bottom:24px}}