*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2937;background:#f8fafc;line-height:1.6}
a{color:#0b5ed7;text-decoration:none}
header{background:#0b3d91;color:#fff}
.wrap{max-width:1000px;margin:0 auto;padding:0 16px}
.nav{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:800;font-size:22px;color:#fff}
.nav nav a{color:#fff;margin-left:20px;font-weight:500}
.nav nav a.active{border-bottom:2px solid #ffc107}
.hero{background:linear-gradient(135deg,#0b3d91,#1565c0);color:#fff;padding:72px 0;text-align:center}
.hero h1{font-size:34px;margin-bottom:12px}
.hero p{font-size:18px;opacity:.9;max-width:640px;margin:0 auto 24px}
.btn{display:inline-block;background:#ffc107;color:#1f2937;padding:12px 28px;border-radius:6px;font-weight:700}
section{padding:56px 0}
h2{text-align:center;font-size:26px;margin-bottom:32px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.card h3{margin-bottom:8px;color:#0b3d91}
.contact-box{background:#fff;border-radius:10px;padding:28px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.contact-box p{margin-bottom:12px;font-size:17px}
footer{background:#0f172a;color:#cbd5e1;text-align:center;padding:24px 0;font-size:14px}
@media(max-width:600px){.hero h1{font-size:26px}.nav nav a{margin-left:12px}}