:root{
  --blue-1: #1e4e8c;
  --blue-2: #2f6fb0;
  --muted: #6b7280;
  --bg: #ffffff;
  --card: #f8fafc;
  --radius: 10px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, 'Segoe UI', Roboto, Arial, sans-serif;
  color:#111827;
  background: linear-gradient(180deg, #f6f9fc 0%, #ffffff 100%);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
.container{max-width:1100px;margin:0 auto;padding:1.25rem}
header.site-header{background:var(--blue-1);color:#fff;padding:0.75rem 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 1.25rem}
.logo{height:54px;width:auto;display:block}
nav.main-nav{display:flex;gap:1rem}
nav.main-nav a{color:#fff;text-decoration:none;font-weight:600}
.hero{background: linear-gradient(180deg,var(--blue-2),var(--blue-1));color:#fff;padding:3.5rem 0;text-align:center}
.hero-title{font-size:2rem;margin:0 0 0.5rem}
.btn{background:#fff;color:var(--blue-1);padding:0.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:700;display:inline-block}
.section-image{border-radius:8px;width:100%;height:auto;display:block;margin:1rem 0}
h1,h2{color:var(--blue-1)}
footer.site-footer{background:var(--blue-1);color:#fff;padding:1rem 0;margin-top:2rem;text-align:center}
.footer-inner{max-width:1100px;margin:0 auto;padding:0 1.25rem}
@media(max-width:700px){
  .header-inner{flex-direction:column;gap:12px}
  nav.main-nav{flex-wrap:wrap;justify-content:center}
  .hero-title{font-size:1.4rem}
}