:root { --navy:#1F3A5F; --steel:#2E5E8C; --light:#F2F5F9; --line:#C7D0DA; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, sans-serif; margin:0; color:#1a1a1a; background:var(--light); }
header { background:var(--navy); color:#fff; padding:1.25rem 1.5rem; }
header h1 { margin:0; font-size:1.4rem; letter-spacing:.2px; }
main { max-width:640px; margin:2rem auto; padding:0 1.25rem; }
.card { background:#fff; border:1px solid var(--line); border-radius:8px; padding:1.5rem; }
label { display:block; font-weight:600; margin:1rem 0 .4rem; }
select, button { font-size:1rem; padding:.6rem .7rem; border-radius:6px; border:1px solid var(--line); width:100%; }
button { background:var(--navy); color:#fff; border:none; cursor:pointer; margin-top:1rem; }
button:hover { background:var(--steel); }
.notice { display:none; margin-top:1rem; padding:1rem; background:var(--light); border:1px solid var(--line); border-radius:6px; }
footer { color:#555; font-size:.8rem; text-align:center; margin:2rem 0; }