
body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f8fb;color:#222;line-height:1.8}
header{background:#0b5fa5;color:#fff;padding:18px 0}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
nav a{color:#fff;text-decoration:none;margin-right:16px;font-weight:700}
main{max-width:1040px;margin:24px auto;padding:0 20px}
.article{background:#fff;border:1px solid #dfe7f1;border-radius:12px;padding:28px}
h1{font-size:32px;line-height:1.3;color:#0b5fa5;margin:0 0 14px}
h2{font-size:24px;color:#153a63;margin-top:28px}
h3{font-size:18px;color:#153a63;margin-top:20px}
p,li{font-size:16px}
ul{padding-left:22px}
.cta{margin:28px 0;padding:20px;border-radius:12px;background:#eef9f1;border:1px solid #b8e7c5}
.btn{display:inline-block;background:#06C755;color:#fff;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:700}
.meta{color:#678;font-size:14px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{background:#fff;border:1px solid #dfe7f1;border-radius:12px;padding:18px}
.card a{text-decoration:none;color:#0b5fa5;font-weight:700}
footer{margin-top:36px;padding:24px 0;background:#eef2f7;color:#456}
.small{font-size:14px;color:#678}
