:root{--bg: #f5f6f8;--card: #ffffff;--border: #e3e6eb;--text: #1a1c23;--muted: #6b7280;--primary: #201D78;--primary-hover: #1a1763;--error: #c0392b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #1018280f,0 1px 2px #1018280a}.card.wide{max-width:460px}.brand{margin:0;font-size:22px;letter-spacing:2px;font-weight:700;color:var(--primary)}.subtitle{margin:0 0 12px}.row{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--muted)}label{font-size:13px;color:var(--muted);margin-top:8px}input{background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:14px}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #201d781f}button{margin-top:16px;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:11px 14px;font-size:14px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.6;cursor:default}.error{margin-top:12px;color:var(--error);font-size:13px}