.blog-page{min-height:65vh;background:#f8fafc;color:#0f172a}
.blog-page .container{max-width:1200px;margin:0 auto;padding:0 24px}
.blog-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:48px;color:#94a3b8;font-size:13px}
.blog-breadcrumb a{color:inherit;text-decoration:none}
.blog-eyebrow{display:inline-block;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#2563eb}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.blog-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(15,23,42,.09)}
.blog-card-media{display:block;height:225px;overflow:hidden;background:linear-gradient(135deg,#142e62,#2563eb);text-decoration:none}
.blog-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-card:hover .blog-card-media img{transform:scale(1.04)}
.blog-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;font-size:25px;font-weight:900}
.blog-card-content{padding:27px}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;color:#64748b;font-size:12px}
.blog-read-more{color:#2563eb;text-decoration:none;font-size:14px;font-weight:800}
@media(max-width:950px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-breadcrumb{margin-bottom:32px}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}