/* ============================================================
   blog.css
   ============================================================ */
.blog-hero{padding:140px 5vw 60px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}
.blog-card{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--card-bg);transition:transform .3s var(--ease);cursor:pointer}
.blog-card:hover{transform:translateY(-5px)}
.blog-img{height:180px;display:grid;place-items:center;font-size:2.5rem;position:relative;overflow:hidden}
.blog-img-1{background:linear-gradient(135deg,#0a2a3a,#1a4a6a)}
.blog-img-2{background:linear-gradient(135deg,#0d2030,#1e3f5a)}
.blog-img-3{background:linear-gradient(135deg,#081820,#163045)}
.blog-img-4{background:linear-gradient(135deg,#0c2535,#1b4060)}
.blog-img-5{background:linear-gradient(135deg,#071520,#153050)}
.blog-img-6{background:linear-gradient(135deg,#0a1e2c,#183855)}
.blog-img::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(0,168,232,.14),transparent)}
.blog-body{padding:28px}
.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.blog-cat{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.blog-date{font-size:.78rem;color:var(--grey)}
.blog-body h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.4;margin-bottom:10px}
.blog-body p{color:var(--grey);font-size:.85rem;line-height:1.6}
.blog-read-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:.82rem;font-weight:600;color:var(--accent)}