:root {
  --brand: #003366;
  --brand-dark: #0B1F33;
  --accent: #DAA520;
  --text: #243447;
  --muted: #6B7C93;
  --bg: #F6F8FB;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.site-header { background: white; position: sticky; top:0; z-index:1000; box-shadow: 0 2px 12px rgba(0,0,0,.05); }
.site-header .nav { display:flex; align-items:center; justify-content:space-between; height:68px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--brand-dark); font-weight:700; letter-spacing:.2px; }
.logo { width:120px; height:auto; }
.logo.small { width:90px; }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; }
.nav-toggle .bar { display:block; width:24px; height:2px; background:#334; margin:5px 0; }
.menu { display:flex; align-items:center; gap:22px; }
.menu a { color:#243447; font-weight:600; }
.menu .cta { background:var(--brand); color:white; padding:10px 14px; border-radius:10px; }
.menu .cta:hover { background:var(--brand-dark); text-decoration:none; }
.hero { background: linear-gradient(135deg, white 0%, #f1f5ff 100%); padding: 80px 0 40px; }
.hero .grid { display:grid; grid-template-columns: 1.2fr 1fr; gap:40px; align-items:center; }
h1 { font-size: 44px; line-height:1.1; color: var(--brand-dark); margin: 0 0 18px; }
h2 { font-size: 30px; margin: 0 0 12px; color: var(--brand-dark); }
.lead { font-size: 18px; color: var(--muted); }
.hero-cta { margin-top:22px; display:flex; gap:12px; flex-wrap:wrap; }
.btn { display:inline-block; padding:12px 16px; border-radius:10px; border:2px solid var(--brand); color:white; background:var(--brand); font-weight:700; }
.btn.alt { background:white; color:var(--brand); }
.btn.gold { background:var(--accent); border-color:var(--accent); color:#1b1b1b; }
.section { padding:72px 0; }
.cards { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; }
.card { background:white; border-radius:16px; padding:22px; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
.card h3 { margin-top:0; color:var(--brand-dark); }
.statgrid { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; margin-top:24px; }
.stat { background:white; border-radius:12px; padding:16px; text-align:center; box-shadow: 0 4px 14px rgba(0,0,0,.05); }
.stat strong { display:block; font-size:28px; color:var(--brand-dark); }
.site-footer { background: #0e1730; color:#dfe7f5; margin-top:60px; }
.site-footer .footer-grid { display:grid; grid-template-columns: 2fr 1fr 1fr; gap:24px; padding: 36px 0; }
.site-footer a { color:#dfe7f5; }
.site-footer h4 { margin:0 0 10px; }
.site-footer .tiny { background:#0b1328; text-align:center; padding:10px; font-size:13px; color:#a9b6d3; }
.brandline { display:flex; align-items:center; gap:10px; }
.linklist { list-style:none; padding:0; margin:0; }
.linklist li { margin:6px 0; }
.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:24px; }
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; }
.badge { display:inline-block; background:#eef3ff; color:var(--brand-dark); padding:6px 10px; border-radius:999px; font-weight:700; font-size:12px; }
.banner { background:linear-gradient(90deg, var(--brand) 0%, #145ea8 100%); color:white; padding:24px; border-radius:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
input, textarea { width:100%; padding:12px 14px; border-radius:10px; border:1px solid #d7dfeb; background:white; }
label { font-weight:700; font-size:14px; color:var(--brand-dark); }
.form-row { display:grid; grid-template-columns: 1fr 1fr; gap:14px; }
.form { background:white; padding:22px; border-radius:14px; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
.table { width:100%; border-collapse: collapse; background:white; border-radius:14px; overflow:hidden; }
.table th, .table td { padding:12px 14px; border-bottom:1px solid #eef2f8; text-align:left; }
.table th { background:#f6f9ff; color:#495b75; font-size:13px; letter-spacing:.2px; }
.kicker { color: var(--accent); text-transform: uppercase; font-weight: 800; letter-spacing: .12em; font-size: 13px; }
blockquote { background:white; border-left:4px solid var(--accent); margin:0; padding:18px; border-radius:0 8px 8px 0; color:#3b4a5f; }
@media (max-width: 900px) {
  .hero .grid, .grid-2, .grid-3, .cards, .site-footer .footer-grid, .statgrid { grid-template-columns: 1fr; }
  .menu { display:none; position:absolute; top:68px; right:14px; background:white; padding:14px; border-radius:12px; box-shadow: 0 10px 30px rgba(0,0,0,.15); flex-direction:column; gap:10px; }
  .nav-toggle { display:block; }
  .logo { width:100px; }
}