.login-body{min-height:100vh;background:radial-gradient(ellipse at 18% 40%,#f99d2814,transparent 55%),radial-gradient(ellipse at 85% 85%,#6ca8ff0d,transparent 50%),#0a0d11}
.login-wrap{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:32px 16px;gap:22px}
.login-card{width:min(420px,100%);background:#131920cc;backdrop-filter:blur(18px);border:1px solid #ffffff17;border-radius:16px;padding:38px 34px 32px;box-shadow:0 30px 70px -14px #000a,0 0 70px #f99d280f}
.login-logo{display:block;width:210px;max-width:70%;height:auto;margin:0 auto 22px}
.login-card .eyebrow{text-align:center;margin-bottom:26px}
.login-form{display:flex;flex-direction:column;gap:16px}
.login-form[hidden]{display:none}
.login-form h1{font-size:23px;margin:0}
.login-sub{margin:-6px 0 4px;color:var(--muted);font-size:12px;line-height:1.7}
.login-form .field input{height:46px;padding:0 13px;background:#0b1117;border:1px solid #2d3b49;border-radius:8px;color:#e1e9f2;font-size:13px;width:100%}
.login-form .field input:focus{border-color:var(--orange);outline:2px solid #f99d2833;outline-offset:0}
.pw{position:relative;display:block}
.pw input{padding-right:78px!important}
.pw-toggle{position:absolute;right:6px;top:6px;height:34px;padding:0 10px;background:transparent;border:0;color:#8b97a8;font-size:11px;border-radius:6px}
.pw-toggle:hover{color:var(--orange)}
.code-input{letter-spacing:10px;font-size:20px!important;text-align:center;font-weight:600}
.login-submit{height:46px;margin-top:4px;font-size:13px}
.login-link{align-self:center;padding:6px}
.login-error{margin:0;color:#f49da7;background:#d6435814;border:1px solid #e26c7833;padding:11px 13px;font-size:12px;border-radius:7px;line-height:1.6}
.login-error[hidden]{display:none}
.login-foot{margin:0;color:#4b6076;font-size:10px;letter-spacing:.5px}
.login-foot b{padding:0 7px;color:#815c2d;font-weight:400}