:root { --bg:#0b1f2a; --card:#102b3a; --text:#0c1a21; --white:#fff; --accent:#16a34a; --muted:#6b7280; }
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#0c1a21; background:#f6f8fa; }
.container { max-width: 1000px; margin: 0 auto; padding: 1rem; }
.site-header { background:#102b3a; color:#fff; }
.logo { color:#fff; text-decoration:none; font-weight:700; }
.nav-list { list-style:none; display:flex; gap:.75rem; margin:0; padding:0; }
.nav-list a { color:#fff; text-decoration:none; padding:.5rem .75rem; border-radius:.25rem; }
.nav-list a:hover { background:rgba(255,255,255,.1); }
.nav-toggle { display:none; }
.hero { padding:2rem 0; }
.hero h1 { font-size:2rem; }
.btn { display:inline-block; padding:.75rem 1rem; border-radius:.5rem; border:1px solid #0c1a21; text-decoration:none; color:#0c1a21; background:#fff; }
.btn.primary { border-color: var(--accent); background: var(--accent); color:#fff; }
.checklist { columns:2; }
.ad-placeholder { border:1px dashed #cbd5e1; padding:1rem; margin-top:1rem; text-align:center; color:#64748b; }
.site-footer { background:#0f172a; color:#e2e8f0; padding:2rem 0; }
.site-footer a { color:#93c5fd; }
.grid.three { display:grid; grid-template-columns: repeat(3, 1fr); gap:1rem; }
.content h1, .content h2 { margin-top:1rem; }
.contact-form label { display:block; margin:.5rem 0; }
.contact-form input, .contact-form textarea { width:100%; padding:.5rem; }
.small { color:#6b7280; font-size:.9rem; }
@media (max-width: 768px) { .nav-toggle { display:block; background:none; border:none; color:#fff; font-size:1.5rem; } .nav-list { display:none; flex-direction:column; } .checklist { columns:1; } .grid.three { grid-template-columns: 1fr; } }