:root{--mza-navy:#08223d;--mza-blue:#0f5fa8;--mza-gold:#e9c84a;--mza-bg:#f5f8fb;--mza-text:#152436}
.mza-blog-wrap{font-family:Inter,Arial,sans-serif;color:var(--mza-text);background:var(--mza-bg);padding:0 0 60px}
.mza-hero{background:linear-gradient(135deg,#06182b,#0f5fa8);color:#fff;padding:70px 7%;border-radius:24px;margin:24px auto;max-width:1200px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.mza-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--mza-gold)}
.mza-hero h1{font-size:clamp(38px,6vw,70px);line-height:1;margin:10px 0 14px}
.mza-hero p{font-size:20px;opacity:.92;margin-bottom:28px}
.mza-search input{width:100%;max-width:650px;padding:16px 18px;border:none;border-radius:12px;font-size:16px}
.mza-catbar{display:flex;gap:10px;overflow:auto;max-width:1200px;margin:0 auto 24px;padding:6px}
.mza-filter{white-space:nowrap;border:1px solid #dbe4ee;background:#fff;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700}
.mza-filter.active,.mza-filter:hover{background:var(--mza-navy);color:#fff;border-color:var(--mza-navy)}
.mza-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:auto;padding:0 6px}
.mza-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(17,43,67,.08);transition:.25s}
.mza-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(17,43,67,.14)}
.mza-image{display:block;height:220px;background-size:cover;background-position:center}
.mza-card-body{padding:22px}
.mza-meta{font-size:12px;color:#738195;margin-bottom:8px}
.mza-card h2{font-size:22px;line-height:1.25;margin:0 0 10px}
.mza-card h2 a{text-decoration:none;color:var(--mza-navy)}
.mza-card p{color:#5c6b7a;line-height:1.6}
.mza-read{text-decoration:none;color:var(--mza-blue);font-weight:800}
.mza-cta{max-width:1200px;margin:40px auto 0;background:#fff;border-radius:24px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 10px 30px rgba(17,43,67,.08)}
.mza-cta h3{font-size:30px;margin:8px 0}.mza-cta p{margin:0;color:#607080}
.mza-cta>a{background:var(--mza-gold);color:#0a223c;text-decoration:none;padding:14px 20px;border-radius:12px;font-weight:900;white-space:nowrap}
@media(max-width:900px){.mza-grid{grid-template-columns:repeat(2,1fr)}.mza-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.mza-grid{grid-template-columns:1fr}.mza-hero{border-radius:0;margin-top:0}.mza-image{height:200px}}