:root { --accent: #0a5; --bg: #fafafa; --fg: #1a1a1a; --muted: #666; }
* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; margin: 0; background: var(--bg); color: var(--fg); }
header { background: var(--fg); color: white; padding: 1rem 2rem; }
header h1 a { color: white; text-decoration: none; font-size: 1.25rem; }
.primary-nav { display: inline-block; margin-left: 2rem; }
.primary-nav a { color: white; text-decoration: none; margin-right: 1rem; }
main { max-width: 800px; margin: 2rem auto; padding: 0 1rem; }
footer { text-align: center; color: var(--muted); margin: 4rem 0 2rem; }
fieldset { margin: 1rem 0; padding: 1rem; }
label { display: inline-block; margin: 0.25rem 0; }
button { background: var(--accent); color: white; border: none; padding: 0.5rem 1rem; cursor: pointer; border-radius: 4px; }
button:hover { opacity: 0.9; }
.note { background: #fffbe6; border: 1px solid #d4a000; padding: 0.75rem; border-radius: 4px; margin-top: 2rem; }