.blog-card{display:block;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;text-decoration:none;color:inherit;height:100%;display:flex;flex-direction:column}.blog-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.blog-card:hover .blog-card__read-more{color:#0067d1}.blog-card:hover .blog-card__hero:before{opacity:.5}.blog-card__hero{width:100%;height:280px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end}.blog-card__hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#6a1b9a4d,#000c);transition:opacity .3s ease;opacity:.7}.blog-card__hero-overlay{position:relative;z-index:1;padding:2rem 1.5rem;width:100%}.blog-card__title{font-size:1.35rem;font-weight:700;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.3)}.blog-card__content{padding:1.5rem;flex:1;display:flex;flex-direction:column;background:#fff}.blog-card__meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.blog-card__category{font-size:.85rem;font-weight:600;color:#0067d1;text-transform:uppercase;letter-spacing:.5px}.blog-card__date{font-size:.85rem;color:#888}.blog-card__excerpt{font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1rem;flex:1}.blog-card__read-more{font-size:.9rem;font-weight:600;color:#1a1a1a;transition:color .3s ease}.blog-hero{background:linear-gradient(135deg,#0067d1,#004a99);padding:10rem 0 4rem;color:#fff;text-align:center}@media(max-width:768px){.blog-hero{padding:8rem 0 3rem}}.blog-hero__title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#fff}@media(max-width:768px){.blog-hero__title{font-size:2rem}}.blog-hero__subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto}@media(max-width:768px){.blog-hero__subtitle{font-size:1rem}}.blog-listing{background:#f5f5f5;padding:4rem 0;min-height:60vh}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}}