:root{--bg:#0e1220;--surface:#161b2e;--surface-2:#1e2540;--border:#2c355a;--text:#e8ecf4;--muted:#9aa4c0;--accent:#fc3;--accent-ink:#1a1400;--danger:#ff8a8a;--focus:#7cc4ff;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}.login-body{background:var(--bg);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(400px,100%);padding:28px 24px}.login-brand{margin:0;font-size:1.4rem}.login-icon{color:var(--accent)}.login-sub{color:var(--muted);font-weight:500}.login-lead{color:var(--muted);margin:6px 0 20px}label{color:var(--muted);margin:14px 0 6px;font-size:.9rem;display:block}input{width:100%;min-height:42px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px}input:focus-visible,.login-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.login-error{border:1px solid var(--danger);color:var(--danger);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:.92rem}.login-warning{border:1px solid var(--accent);color:var(--accent);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:.85rem}.login-button{width:100%;min-height:44px;font:inherit;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:0;border-radius:8px;margin-top:20px;font-weight:600}.login-button:disabled{opacity:.6;cursor:default}.login-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.85rem}