:root{--bg: #f4f6f8;--fg: #111;--muted: #555;--accent: #0a4d8c;--accent-hover: #083968;--border: #d8dde2;--error: #b00020}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.page{max-width:440px;margin:64px auto;padding:32px 24px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a}.page h1{font-size:22px;margin:0 0 12px}.page p{color:var(--muted);margin:0 0 20px}.field{display:block;margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.field input{width:100%;padding:10px 12px;font-size:16px;border:1px solid var(--border);border-radius:6px;font-family:inherit}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{width:100%;padding:12px 16px;font-size:16px;font-weight:500;background:var(--accent);color:#fff;border:0;border-radius:6px;cursor:pointer;font-family:inherit}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{background:#888;cursor:not-allowed}.error{color:var(--error);font-size:14px;margin-top:8px}.muted{color:var(--muted);font-size:14px}