:root{--bg:#0b0d12;--fg:#e8eaf0;--muted:#8b90a0;--accent:#5b8cff;--card:#141824;--border:#232838;--err:#ff6b6b}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#17203a 0,var(--bg) 55%);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.brand{font-size:34px;font-weight:800;letter-spacing:.18em;text-align:center}.brand .dot{color:var(--accent)}.tagline{color:var(--muted);text-align:center;margin-top:8px;font-size:14px}form{margin-top:24px;display:flex;flex-direction:column;gap:12px}label{font-size:13px;color:var(--muted)}input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#0f1320;color:var(--fg);font-size:15px}input:focus{outline:none;border-color:var(--accent)}button{margin-top:6px;padding:12px 14px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:default}.err{color:var(--err);font-size:13px;min-height:18px}.home{text-align:center}.home .brand{font-size:48px}.logout{margin-top:28px}.logout button{background:transparent;border:1px solid var(--border);color:var(--muted);font-weight:500}