.login{display:flex;justify-content:center;padding:64px 16px}.login-card{width:100%;max-width:22rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:28px 24px}.login-title{margin:0 0 4px;font-size:22px}.login-sub{margin:0 0 20px;color:var(--muted);font-size:14px}.login-form{gap:14px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:4px;font-size:13px;color:var(--muted)}.login-field input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:15px}.login-field input:focus{outline:none;border-color:var(--accent)}.login-error{margin:0;color:#c0392b;font-size:13px}@media (prefers-color-scheme:dark){.login-error{color:#ff8f80}}.login-submit{margin-top:4px;padding:9px 12px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#ffffff;font-size:15px;cursor:pointer}.login-submit:disabled{opacity:.6;cursor:default}