:root { --blue:#0C3C78; --accent:#1F7AE0; --muted:#f3f6fb; }
    body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65;color:#1b2430;margin:0;background:#fff}
    .wrap{max-width:980px;margin:auto;padding:24px}
    .hero{background:var(--muted);border-radius:18px;padding:28px;margin:16px 0}
    .hero h1{margin:0 0 8px;color:var(--blue);font-size:34px}
    .hero p{margin:0;font-size:18px}
    h2{color:var(--blue);margin-top:36px}
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
    .card{border:1px solid #e6ebf2;border-radius:14px;padding:16px;background:#fff}
    .cta{background:var(--blue);color:#fff;text-align:center;padding:22px;border-radius:14px;margin:28px 0;font-weight:600}
    .cta a{color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.5)}
    ul.check{list-style: none;padding-left:0;margin:0}
    ul.check li{margin:8px 0;padding-left:28px;position:relative}
    ul.check li::before{content:"✔";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
    .note{font-size:14px;color:#56627a}
    footer{margin-top:40px;font-size:13px;color:#6b768a}
    a{color:var(--accent)}