/* Simple responsive styling */
* { box-sizing: border-box; margin: 0; padding: 0; }
body  { font-family: Arial, Helvetica, sans-serif; line-height: 1.6; background:#f9f9f9; color:#333; }
header { background:#004080; color:#fff; padding:2rem 1rem; text-align:center; }
header h1 { font-size:2rem; margin-bottom:.5rem; }
nav { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; padding:1rem; background:#e6eef7; }
.btn, button { display:inline-block; padding:.7rem 1.2rem; background:#0077cc; color:#fff; border:none; border-radius:4px; cursor:pointer; text-decoration:none; font-size:1rem; }
.btn:hover, button:hover { background:#005fa3; }
.back { background:#666; }
main { max-width:700px; margin:2rem auto; padding:0 1rem; }
label { display:block; margin:.8rem 0 .3rem; font-weight:bold; }
input, textarea, select { width:100%; padding:.5rem; margin-top:.2rem; border:1px solid #ccc; border-radius:4px; }
.radio-group { display:flex; gap:1rem; margin:.3rem 0 1rem; }
.hidden { display:none; }
.hero { background:#fff; padding:2rem 1rem; text-align:center; margin:0 auto 2rem; max-width:800px; border-radius:6px; box-shadow:0 2px 5px rgba(0,0,0,.1); }
footer { text-align:center; padding:1rem; font-size:.9rem; color:#777; }