@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root{
  --brand-navy: #0b3a86;
  --brand-gold: #f5c518;
  --ink: #111317;
  --muted-ink: #5b657a;
  --surface: #ffffff;
  --bg: #f6f7fb;
  --radius: 16px;
  --shadow: 0 10px 20px rgba(0,0,0,.05), 0 2px 6px rgba(0,0,0,.05);
}

*{box-sizing:border-box}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  line-height:1.6; margin:0; background:var(--bg); color:var(--ink);
}

a{ color: var(--brand-navy); text-decoration: none; font-weight: 600; }
a:hover{ text-decoration: underline; }

h1,h2,h3{ line-height:1.25; }
h1{ font-size: 2rem; }
@media (max-width:768px){ h1{ font-size: 1.6rem; } }

.btn{
  appearance:none; border:none; cursor:pointer;
  display:inline-block; border-radius:999px; padding:12px 18px;
  font-weight:700; background:var(--brand-navy); color:#fff; box-shadow: var(--shadow);
}
.btn.alt{ background: var(--brand-gold); color: #000; }

.card{
  background:var(--surface); border-radius:var(--radius); padding:20px 24px; margin-bottom:16px; box-shadow:var(--shadow);
}

.form .field{margin-bottom:16px}
.form label{display:block;font-weight:600;margin-bottom:6px}
.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form input[type=number]{width:100%;padding:10px 12px;border:1px solid #d8dbe4;border-radius:10px}

.opt{display:block;margin:6px 0}
.actions{margin-top:20px}

.muted{ color: var(--muted-ink); }
.small{ font-size:.9rem; }

main.container{max-width:720px;margin:40px auto;padding:0 16px}
@media (max-width:768px){ main.container{margin:24px auto} }

.site-brand{display:flex;justify-content:center;align-items:center;margin-bottom:12px}
.site-brand img{height:56px;width:auto;display:block}

.hero img{width:100%;height:auto;display:block;border-radius:16px}