:root{
  --blue:#1047A9;
  --blue-2:#1F5FD1;
  --gray-100:#f5f6f8;
  --muted:#60646c;
  --yellow:#FFD200;
  --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#111;line-height:1.6;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:40}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue);font-weight:700}
.brand img{height:44px;width:auto}
.nav a{margin:0 10px;color:#222;text-decoration:none;font-weight:600}
.cta{background:var(--yellow);padding:10px 14px;border-radius:999px;color:#000;text-decoration:none;font-weight:800}
.hero{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;padding:60px 0}
.hero h1{font-size:34px;margin:0 0 10px}
.section{padding:48px 0}
.section.alt{background:var(--gray-100)}
.grid{display:grid;gap:16px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border-radius:12px;padding:16px;border:1px solid #eee}
.team-card{display:flex;gap:12px;align-items:center}
.team-card img{width:84px;height:84px;object-fit:cover;border-radius:10px}
.social{display:flex;gap:8px;align-items:center}
.footer{background:#0d0f13;color:#cfd5db;padding:28px 0;margin-top:24px}
@media(max-width:900px){.grid.cols-3{grid-template-columns:1fr 1fr}.grid.cols-2{grid-template-columns:1fr}}
@media(max-width:600px){.hero h1{font-size:26px}}