.blog-hero{background:#111;padding:0;text-align:center}.blog-hero h1{font-size:2.5rem;color:#fff;margin-bottom:.75rem}.blog-hero-subtitle{font-size:1.2rem;color:#fff;opacity:.95;max-width:600px;margin:0 auto}.blog-list{padding:4rem 0;background:#f8f9fa}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.blog-card{background:#fff;padding:2rem;border-radius:8px;border:1px solid #BDBDBD;border-left:4px solid #2F80ED;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a;border-left-color:#56ccf2}.blog-card-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#2f80ed;margin-bottom:.75rem}.blog-card h2{font-size:1.3rem;color:#1c1c1c;margin-bottom:.75rem;line-height:1.3}.blog-card-excerpt{color:#666;line-height:1.6;font-size:.95rem;flex:1;margin-bottom:1.25rem}.blog-card-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#999;border-top:1px solid #eee;padding-top:1rem}@media (max-width: 768px){.blog-hero h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}}