:root{color-scheme:dark;--ink:#f7f7f8;--muted:#9b9b9f;--orange:#ff6a00;--orange-2:#ff963d;--line:rgba(255,111,18,.25);--danger:#ff6475}
html,body{background:#0b0c0e;color:var(--ink)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.login-page{position:relative;isolation:isolate;padding:42px 20px;background:radial-gradient(ellipse 55% 78% at -4% 25%,rgba(225,67,0,.72),rgba(126,42,10,.35) 34%,transparent 68%),radial-gradient(ellipse 48% 55% at 91% 101%,rgba(122,54,25,.28),transparent 64%),linear-gradient(118deg,#0c0d0f 34%,#111214 100%)}
.login-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,rgba(0,0,0,.04),rgba(0,0,0,.42) 56%,rgba(0,0,0,.08));content:""}.login-page:after{display:none}.grid-wave,.energy-lines{display:none}
.login-card,.recovery-dialog,.expired-dialog{position:relative;border:1px solid rgba(255,103,0,.58);border-radius:20px;background:linear-gradient(145deg,rgba(20,18,17,.88),rgba(13,14,16,.91));box-shadow:0 28px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025),0 0 28px rgba(255,94,0,.04);clip-path:none;color:var(--ink);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.login-card{z-index:1;width:min(100%,530px);min-height:594px;padding:55px 43px 34px}.security-mark{display:grid;width:78px;height:78px;margin:0 auto 22px;place-items:center;border:1px solid rgba(255,101,0,.58);border-radius:50%;background:radial-gradient(circle,rgba(255,91,0,.07),transparent 68%);box-shadow:0 0 25px rgba(255,94,0,.08)}.security-mark svg{width:34px;height:34px;fill:none;stroke:var(--orange);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;filter:drop-shadow(0 0 5px rgba(255,100,0,.3))}
.login-card__header{margin:0 0 31px;text-align:center}.login-card__header h1{margin:0;color:var(--ink);font-size:39px;font-weight:750;line-height:1.08;letter-spacing:-1.5px}.subtitle{margin:11px 0 0;color:var(--muted);font-size:15px}.login-card .form-field{margin-bottom:24px}
label,.login-card label,.recovery-dialog label{margin:0 0 9px;color:#f0f0f1;font-size:14px;font-weight:450;text-transform:none}.input-shell,.login-card .input-shell,.recovery-dialog .input-shell{height:53px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(100deg,rgba(20,19,18,.83),rgba(22,22,23,.66));box-shadow:inset 0 1px rgba(255,255,255,.018)}.input-shell:hover{border-color:rgba(255,123,35,.46)}.input-shell:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,105,0,.09),0 0 20px rgba(255,88,0,.08)}
.field-icon,.login-card .field-icon{width:20px;height:20px;min-width:20px;margin-left:16px;padding:0;background:transparent;stroke:var(--orange);stroke-width:1.7}.field-icon+input,.login-card .field-icon+input{margin-left:12px;padding-left:0;border-left:0}input{color:#f5f5f6;font-size:15px}input::placeholder{color:#929297}input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 1000px #171616 inset}.password-toggle,.login-card .password-toggle{background:transparent;color:#8e8e92}.password-toggle:hover,.password-toggle:focus-visible{color:var(--orange)}
.remember-option{display:none}.login-card .forgot-row{justify-content:center;margin:-2px 0 0}.forgot-link,#resendCode{color:var(--orange);font-size:13px}.forgot-link:hover,#resendCode:hover{color:#ff8b35}.login-card .submit-button{height:46px;margin-top:30px;border-radius:0;background:#5cff00;box-shadow:none;color:#050505;font-size:15px;font-weight:800;letter-spacing:.1px}.login-card .submit-button:hover{background:#70ff1f;box-shadow:0 0 18px rgba(92,255,0,.25);filter:none}
.submit-button,.login-card .submit-button,.recovery-dialog .submit-button,.expired-dialog .submit-button{width:100%;height:54px;overflow:hidden;border:0;border-radius:10px;background:linear-gradient(105deg,#ff5b00 0%,#ff6b00 47%,#ff963d 100%);box-shadow:0 10px 24px rgba(255,84,0,.22),inset 0 1px rgba(255,255,255,.3);clip-path:none;color:#090909;font-size:17px;font-weight:700;text-transform:none}.submit-button:before{display:none}.submit-button:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 12px 28px rgba(255,84,0,.3)}.submit-button:focus-visible{outline:3px solid rgba(255,111,20,.25);outline-offset:3px}.button-arrow{right:18px;color:#111;font-size:25px}.button-arrow:before{display:none}.login-card form:after,.login-card .forgot-row:before{display:none}
.field-error{color:var(--danger)}.form-message{color:var(--orange)}.modal__backdrop{background:rgba(5,5,6,.8);backdrop-filter:blur(10px)}.recovery-dialog,.expired-dialog{width:min(100%,530px);max-height:calc(100svh - 30px);padding:55px 43px 43px;overflow-y:auto}.recovery-dialog__header{margin-bottom:30px}.recovery-dialog__header h2,.expired-dialog h2{color:var(--ink);font-size:30px;font-weight:750;letter-spacing:-.75px;text-shadow:none}.recovery-dialog__header p,.expired-dialog>p{color:var(--muted);font-size:14px}.modal__close{top:16px;right:16px;border:1px solid rgba(255,111,20,.2);background:rgba(255,105,0,.04);color:#a6a6aa}.modal__close:hover{border-color:var(--orange);background:rgba(255,105,0,.1);color:var(--orange)}.recovery-loader{border-color:rgba(255,111,20,.2);border-top-color:var(--orange)}
.code-inputs{gap:8px}.code-input{height:57px;border:1px solid var(--line);border-radius:9px;background:rgba(22,20,19,.85);color:#fff;font-size:21px}.code-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,105,0,.09)}.code-meta,.password-timer{color:var(--muted)}.code-meta span,.password-timer span,#codeTimer,#passwordTimer{color:var(--orange)}.two-factor-shield{background:transparent;stroke:var(--orange)}.two-factor-input{letter-spacing:4px}.two-factor-cancel,.expired-cancel{border-color:var(--line);background:transparent;color:#aaa}.two-factor-cancel:hover,.expired-cancel:hover{border-color:var(--orange);background:rgba(255,105,0,.06);color:var(--orange)}
.expired-icon{border:1px solid rgba(255,105,0,.45);background:rgba(255,91,0,.07);color:var(--orange);box-shadow:0 0 24px rgba(255,91,0,.08)}.expired-icon svg{stroke:var(--orange)}.toast{border-color:rgba(255,111,20,.3);background:#171513}.toast__title{color:#fff}.toast__message{color:#aaa}.toast__icon{color:var(--orange)}
@media(max-width:640px){.login-page{min-height:100svh;padding:12px;background:radial-gradient(ellipse 100% 55% at 0 0,rgba(187,55,0,.55),transparent 67%),radial-gradient(ellipse 80% 45% at 100% 100%,rgba(104,45,21,.28),transparent 70%),#0c0d0f}.login-card{width:100%;min-height:0;padding:36px 22px 30px;border-radius:17px}.security-mark{width:68px;height:68px;margin-bottom:17px}.security-mark svg{width:30px;height:30px}.login-card__header{margin-bottom:27px}.login-card__header h1{font-size:32px}.subtitle{font-size:14px}.login-card .input-shell{height:53px}.login-card .submit-button{margin-top:25px}.modal{padding:10px;overflow-y:auto}.recovery-dialog,.expired-dialog{padding:49px 21px 32px;border-radius:17px}.recovery-dialog__header h2,.expired-dialog h2{font-size:25px}.recovery-dialog__header p br,.expired-dialog>p br{display:none}.code-inputs{gap:5px}.code-input{height:49px;padding:0;font-size:18px}.code-meta{align-items:flex-start;gap:8px}.expired-actions{grid-template-columns:1fr}.expired-actions .expired-cancel{order:2}}
@media(max-width:370px){.login-page{padding:7px}.login-card{padding:29px 16px 25px}.security-mark{width:62px;height:62px}.login-card__header h1{font-size:29px}.recovery-dialog,.expired-dialog{padding-right:15px;padding-left:15px}.code-inputs{gap:4px}.code-input{height:44px}}
@media(max-height:720px) and (min-width:641px){.login-page{padding:16px}.login-card{min-height:0;padding-top:28px;padding-bottom:28px}.security-mark{width:62px;height:62px;margin-bottom:12px}.security-mark svg{width:29px;height:29px}.login-card__header{margin-bottom:22px}.login-card .form-field{margin-bottom:18px}.login-card .submit-button{margin-top:21px}}
