:root{
  --blue:#1F3C88; --light:#3FA7D6; --text:#4B4B4B; --gray:#D1D1D1;
}
*{box-sizing:border-box} body{margin:0;color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{color:var(--blue);text-decoration:none} a:hover{color:var(--light)}
.container{max-width:1120px;margin:auto;padding:0 16px}
.btn{display:inline-block;padding:12px 18px;border-radius:10px}
.btn-primary{background:var(--blue);color:#fff} .btn-primary:hover{background:var(--light)}
.btn-outline{border:2px solid var(--blue);color:var(--blue)} .btn-outline:hover{background:var(--blue);color:#fff}
.header{border-bottom:1px solid #eee;background:#fff}
.nav{display:flex;gap:24px;align-items:center}
.nav a{padding:10px 0}
.brand{display:flex;align-items:center;gap:12px;padding:12px 0}
.hero{padding:64px 0}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{border:1px solid var(--gray);border-radius:16px;padding:20px;background:#fff}
.section{padding:64px 0}
.alt{background:#f7f8fb}
.footer{background:var(--blue);color:#fff}
.footer a{color:#fff;opacity:.9} .footer a:hover{opacity:1}