:root{--bg: #070b14;--panel: #0f1726;--line: #1c2740;--ink: #e9eff7;--muted: #93a6c2;--accent: #22d3ee;--danger: #ef4444;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,#0d1830,var(--bg));color:var(--ink);font-family:var(--font);display:grid;place-items:center}.login-card{width:340px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #0006}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#0ea5b7)}.brand b{font-size:16px;letter-spacing:.3px}.sub{margin:-4px 0 6px;color:var(--muted);font-size:13px}label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}input{background:#0a0f1a;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--ink);font-size:14px}input:focus{outline:none;border-color:var(--accent)}.btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:#04222a}.btn.primary:hover{background:#38e0f5}.err{min-height:16px;font-size:13px;color:var(--muted)}.err.show{color:var(--danger)}.foot{text-align:center;font-size:12px;color:var(--muted)}.foot a{color:var(--accent);text-decoration:none}