.login-page{--st-nav:#002532;--st-primary:#0d3b4c;--st-primary-hover:#17556a;--st-accent:#106075;--st-focus:#1e829b;--st-bg:#f8fafc;--st-surface:#fff;--st-border:#e2e8f0;--st-border-strong:#cbd5e1;--st-text:#0b1c30;--st-text-2:#475569;--st-warn-fg:#92400e;--st-warn-bg:#fffbeb;--st-err-fg:#991b1b;--st-err-bg:#fef2f2;--st-info-fg:#1e40af;--st-info-bg:#eff6ff;background:var(--st-bg);min-height:100vh;color:var(--st-text);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;display:flex}.login-shell{background:var(--st-surface);border:1px solid var(--st-border);border-radius:8px;width:min(440px,100%);padding:40px;box-shadow:0 10px 30px #00253214}.login-card{gap:16px;width:100%;display:grid}.login-brand{align-items:center;gap:12px;display:flex}.login-brand img{border-radius:8px;width:40px;height:40px}.login-brand strong{letter-spacing:-.01em;font-size:16px;display:block}.login-brand span{color:var(--st-text-2);font-size:12px}.login-heading{gap:4px;margin-top:8px;display:grid}.login-card h1{letter-spacing:-.02em;color:var(--st-text);margin:0;font-size:24px;font-weight:700}.login-card p{color:var(--st-text-2);margin:0;font-size:14px;line-height:1.5}.login-card label{color:var(--st-text);gap:6px;font-size:13px;font-weight:500;display:grid}.login-field{align-items:center;display:flex;position:relative}.login-field>svg{color:var(--st-text-2);pointer-events:none;position:absolute;left:12px}.login-card input{border:1px solid var(--st-border-strong);background:var(--st-surface);width:100%;font:inherit;color:var(--st-text);border-radius:6px;padding:10px 12px 10px 38px}.login-card input::placeholder{color:#94a3b8}.login-card input:focus-visible{outline:2px solid var(--st-focus);outline-offset:1px;border-color:var(--st-focus)}.login-card input.has-action{padding-right:42px}.login-eye{width:34px;height:34px;color:var(--st-text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;right:4px}.login-eye:hover{background:var(--st-neutral-bg,#f1f5f9);color:var(--st-text)}.login-eye:focus-visible{outline:2px solid var(--st-focus)}.login-card .btn{background:var(--st-nav);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:600;transition:background .15s;display:inline-flex}.login-card .btn:hover{background:var(--st-primary-hover)}.login-card .btn:focus-visible{outline:2px solid var(--st-focus);outline-offset:2px}.login-card .btn:disabled{opacity:.6;cursor:wait}.login-error{background:var(--st-err-bg);border:1px solid #fecaca;border-radius:6px;align-items:flex-start;gap:8px;padding:10px 12px;font-weight:500;display:flex;color:var(--st-err-fg)!important}.login-error svg{flex:none;margin-top:2px}.login-note{background:var(--st-info-bg);border-radius:6px;padding:12px;color:var(--st-info-fg)!important;font-size:13px!important}.login-qr{border:1px solid var(--st-border);background:#fff;border-radius:8px;justify-self:center}.login-secret{border:1px dashed var(--st-border-strong);background:var(--st-bg);color:var(--st-primary);word-break:break-all;letter-spacing:.04em;border-radius:6px;padding:12px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:15px}.login-codes{background:var(--st-warn-bg);color:var(--st-warn-fg);border:1px solid #fde68a;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:14px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:14px;list-style:none;display:grid}.login-code-input{letter-spacing:.2em;font-variant-numeric:tabular-nums}.login-foot{color:var(--st-text-2);margin:0;font-size:12px}@media (max-width:480px){.login-shell{padding:28px 22px}}