:root{--ink:#111827;--muted:#596273;--line:#dce4ef;--blue:#1d4ed8;--navy:#071638;--soft:#f7f9fc}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--soft);color:var(--ink)}
a{color:inherit;text-decoration:none}
.blog-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 6vw;background:white;border-bottom:1px solid var(--line)}
.blog-header a{font-weight:900;color:var(--navy)}
.blog-header nav{display:flex;gap:14px;flex-wrap:wrap}
.blog-hero{padding:58px 6vw;background:#071638;color:white}
.blog-hero h1{margin:0;font-size:44px;line-height:1.12}
.blog-hero p{max-width:820px;color:#d7e3ff;line-height:1.6}
.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:34px 6vw 70px}
.blog-card{padding:24px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px rgba(24,39,75,.08)}
.blog-card span{display:block;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.blog-card h2{margin:12px 0;font-size:22px}
.blog-card p{color:var(--muted);line-height:1.55}
.article{max-width:940px;margin:0 auto;padding:44px 24px 70px}
.article-card{padding:34px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px rgba(24,39,75,.08)}
.article h1{margin:0 0 14px;font-size:40px;line-height:1.12}
.article h2{margin:30px 0 10px;font-size:24px}
.article p,.article li{color:var(--muted);line-height:1.7}
.article .note{padding:14px 16px;background:#eef4fb;border:1px solid var(--line);border-radius:8px;color:var(--ink)}
.article-cta{margin-top:28px;padding:22px;background:#071638;color:white;border-radius:8px}
.article-cta p{color:#d7e3ff}
.article-cta a{display:inline-flex;margin-top:8px;padding:12px 16px;background:white;color:var(--navy);border-radius:8px;font-weight:900}
footer{padding:26px 6vw;background:#071638;color:white}
footer a{color:#c5d1e8}
@media(max-width:900px){.blog-list{grid-template-columns:1fr}.blog-header{align-items:flex-start;flex-direction:column}.article h1{font-size:32px}}