:root{--bg: #0f1419;--card: #1a2332;--text: #e7ecf3;--muted: #8b9cb3;--accent: #3d8bfd;--accent-hover: #5a9dff;--ok: #3dd68c;--err: #f87171;--border: #2a3548}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at top,#1a2744 0%,var(--bg) 55%);color:var(--text);display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 12px 40px #00000059}h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.muted{color:var(--muted);margin:0 0 1.25rem;line-height:1.5}.field{display:block;margin:0 0 1.25rem}.field-label{display:block;margin-bottom:.35rem;font-size:.8125rem;color:var(--muted)}.field input{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:#0003;color:var(--text);font:inherit}.field input::placeholder{color:var(--muted);opacity:.75}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.hint{margin:1.25rem 0 0;font-size:.8125rem;color:var(--muted);line-height:1.4}.btn{display:inline-block;width:100%;text-align:center;padding:.75rem 1.25rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font:inherit;border:none;cursor:pointer;transition:background .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.login-err{margin:0 0 .75rem}.btn:hover{background:var(--accent-hover)}.btn.secondary{margin-top:1.25rem;background:transparent;border:1px solid var(--border);color:var(--text)}.btn.secondary:hover{background:#ffffff0d}.status.loading{color:var(--muted);margin:0}.ok{color:var(--ok);line-height:1.5}.err{color:var(--err);line-height:1.5}