:root{--login-bg:#06111f;--login-panel:rgba(10,28,47,.82);--login-line:rgba(118,160,196,.18);--login-text:#edf7ff;--login-muted:#91a9c0;--login-accent:#25d4c1;--login-accent2:#149eb2}
*{box-sizing:border-box}.login-shell{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 15%,#123653 0,#081a2d 35%,var(--login-bg) 75%);color:var(--login-text);font-family:'Vazirmatn',Tahoma,"Segoe UI",sans-serif;overflow:hidden}.login-orb{position:fixed;border-radius:50%;filter:blur(4px);pointer-events:none}.login-orb-one{width:420px;height:420px;right:-180px;top:-150px;background:radial-gradient(circle,#1ecdbc55,transparent 68%)}.login-orb-two{width:500px;height:500px;left:-260px;bottom:-260px;background:radial-gradient(circle,#158da755,transparent 68%)}.login-layout{position:relative;z-index:1;min-height:100vh;width:min(1180px,100%);margin:auto;padding:42px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.login-brand{padding:20px 15px}.brand-mark{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--login-accent),var(--login-accent2));color:#04252d;font-weight:900;font-size:24px;box-shadow:0 18px 45px #20cdbc2b;margin-bottom:28px}.brand-kicker{color:var(--login-accent);font-size:11px;letter-spacing:3px}.login-brand h1{font-size:42px;line-height:1.35;margin:14px 0 18px;letter-spacing:-1px}.login-brand h1 strong{font-weight:900}.login-brand>p{max-width:550px;color:var(--login-muted);font-size:15px;line-height:2}.brand-points{display:grid;gap:13px;margin-top:30px}.brand-points div{display:flex;align-items:center;gap:12px;color:#cfe0ef}.brand-points i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#102b42;color:var(--login-accent);border:1px solid var(--login-line)}.login-card{background:var(--login-panel);border:1px solid var(--login-line);border-radius:25px;padding:32px;box-shadow:0 30px 90px #0008;backdrop-filter:blur(24px)}.login-card-head{display:flex;align-items:center;gap:13px;margin-bottom:27px}.mini-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#0f3048;border:1px solid #28506a;color:var(--login-accent);font-size:20px}.muted-label{font-size:11px;color:var(--login-muted)}.login-card h2{font-size:22px;margin:5px 0 0}.login-form{display:grid;gap:16px}.login-field>span{display:block;color:#b6c9da;font-size:12px;margin-bottom:7px}.input-wrap{position:relative}.input-wrap>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#63839e;pointer-events:none}.input-wrap input{width:100%;height:50px;padding:0 42px 0 44px;border:1px solid #24425d;border-radius:12px;background:#071728;color:#eef7ff;outline:0;font:inherit;transition:.2s}.input-wrap input::placeholder{color:#58718a}.input-wrap input:focus{border-color:var(--login-accent);box-shadow:0 0 0 4px #25d4c112}.password-toggle{position:absolute;left:5px;top:5px;width:40px;height:40px;border:0;border-radius:9px;background:transparent;color:#7894aa;cursor:pointer}.password-toggle:hover{color:#fff;background:#ffffff08}.login-options{display:flex;justify-content:space-between;align-items:center;margin-top:-2px}.remember{display:flex;align-items:center;gap:8px;color:#91a9c0;font-size:12px;cursor:pointer}.remember input{accent-color:var(--login-accent)}.login-submit{height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--login-accent),var(--login-accent2));color:#04242d;font:700 14px Tahoma;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 12px 28px #19bcae26;transition:.2s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 15px 34px #19bcae3a}.login-error{color:#ffb8c0;background:#391924;border:1px solid #6c2a38;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.8}.login-error:empty{display:none}.login-footer{display:flex;justify-content:space-between;border-top:1px solid var(--login-line);margin-top:25px;padding-top:18px;color:#607d96;font-size:10px}.login-footer span{display:flex;align-items:center;gap:6px}.login-footer i{color:var(--login-accent)}@media(max-width:850px){.login-layout{grid-template-columns:1fr;padding:22px;gap:15px}.login-brand{text-align:center;padding:10px}.brand-mark{margin:0 auto 20px}.login-brand h1{font-size:30px}.brand-points{display:none}.login-brand>p{margin:0 auto}.login-card{max-width:500px;width:100%;margin:auto}}@media(max-width:480px){.login-layout{padding:14px}.login-card{padding:24px 18px;border-radius:20px}.login-brand h1{font-size:26px}.brand-kicker{font-size:9px}.login-footer{font-size:9px}}