.blog-hero{background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);padding:120px 20px 80px;text-align:center;color:#fff}.blog-hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;letter-spacing:-1px}.blog-hero-content p{font-size:1.25rem;color:#ccc;max-width:600px;margin:0 auto;line-height:1.6}.blog-filter-section{background:#fff;padding:40px 20px;border-bottom:1px solid #e5e5e5;position:sticky;top:80px;z-index:100}.blog-filter-container{max-width:1200px;margin:0 auto;display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:12px 24px;border:2px solid #e5e5e5;background:#fff;color:#333;font-size:.95rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#333;background:#f8f8f8}.filter-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.blog-grid-section{padding:80px 20px;background:#fafafa}.blog-grid-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.blog-card.coming-soon{opacity:.7}.blog-card.coming-soon:hover{transform:none}.blog-card.hidden{display:none}.blog-card-image{position:relative;width:100%;height:240px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-category-badge{position:absolute;top:15px;left:15px;background:rgba(0,0,0,.8);color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-card-content{padding:30px;flex-grow:1;display:flex;flex-direction:column}.blog-meta{display:flex;gap:15px;margin-bottom:15px;font-size:.85rem;color:#666}.blog-date,.blog-read-time{display:flex;align-items:center}.blog-card-content h2{font-size:1.5rem;font-weight:700;margin-bottom:15px;line-height:1.3;color:#1a1a1a}.blog-card-content p{font-size:1rem;line-height:1.6;color:#666;margin-bottom:20px;flex-grow:1}.blog-read-more{display:inline-flex;align-items:center;color:#1a1a1a;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease}.blog-read-more:hover{gap:8px;color:#666}@media (max-width:768px){.blog-hero-content h1{font-size:2.5rem}.blog-hero-content p{font-size:1.1rem}.blog-grid-container{grid-template-columns:1fr;gap:30px}.filter-btn{padding:10px 20px;font-size:.9rem}.blog-filter-section{top:60px}}@media (max-width:480px){.blog-hero{padding:100px 20px 60px}.blog-hero-content h1{font-size:2rem}.blog-card-content{padding:20px}.blog-card-content h2{font-size:1.3rem}}