body { font-family: Arial, sans-serif; margin:0; background:#f9f9f9; }
section { padding:60px 20px; max-width:1200px; margin:auto; }
h1{ color:white; }
h2,h3 { color:#003366; }
.hero { background:#0b3c5d; color:#fff; text-align:center; padding:80px 20px; }
.hero p { font-size:18px; max-width:820px; margin:auto; }
.btn { display:inline-block; margin-top:25px; padding:14px 28px; background:#1faf38; color:#fff; text-decoration:none; border-radius:6px; font-weight:600; }
.grid { display:flex; flex-wrap:wrap; gap:22px; }
.card { background:#fff; padding:20px; border-radius:8px; box-shadow:0 4px 14px rgba(0,0,0,.08); width:calc(33.333% - 15px); }
.card h3 { margin-top:0; }
@media(max-width:900px){ .card{width:calc(50% - 15px);} }
@media(max-width:600px){ .card{width:100%;} }