/* Minimal, functional styling only — the real public site design comes later. */
body { font-family: system-ui, sans-serif; max-width: 480px; margin: 60px auto; padding: 0 16px; color: #202A3D; }
h1 { font-size: 22px; margin-bottom: 4px; }
p.lead { color: #55607A; margin-top: 0; font-size: 14px; }
form { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
label { font-size: 13px; font-weight: 600; }
input, select { padding: 8px 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; }
button { padding: 10px; font-size: 14px; font-weight: 600; border: none; border-radius: 6px; background: #3A4B8C; color: #fff; cursor: pointer; }
button:hover { background: #28345F; }
.error { background: #F5E2DE; color: #A23B2E; padding: 10px 12px; border-radius: 6px; font-size: 13.5px; }
.success { background: #E3F0E6; color: #3F7A54; padding: 10px 12px; border-radius: 6px; font-size: 13.5px; }
.foot-link { font-size: 13.5px; margin-top: 16px; }
a { color: #3A4B8C; }