.blog-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#0c3cc3 0%,#0d4be1 100%);padding:80px 0 60px}.blog-banner h1{margin-bottom:1rem;font-size:3rem;font-weight:700}.blog-banner p{opacity:.9;font-size:1.2rem}.blog-filters{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:30px 0}.search-box{background:#fff;border-radius:50px;max-width:600px;margin:0 auto 20px;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000001a}.search-box input{border:none;outline:none;flex:1;padding:15px 25px;font-size:1rem}.search-box button{color:#fff;cursor:pointer;background:#0c3cc3;border:none;padding:15px 30px;transition:background .3s}.search-box button:hover{background:#0d4be1}.category-filters{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.category-filters button{color:#0c3cc3;cursor:pointer;text-transform:capitalize;background:#fff;border:2px solid #0c3cc3;border-radius:25px;padding:8px 20px;font-weight:500;transition:all .3s}.category-filters button:hover,.category-filters button.active{color:#fff;background:#0c3cc3}.blog-content{min-height:60vh;padding:60px 0}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.blog-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 15px #0000001a}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.blog-card-image{background:#f0f0f0;width:100%;height:220px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:25px}.blog-category{color:#0c3cc3;text-transform:capitalize;background:#e3f2fd;border-radius:20px;margin-bottom:15px;padding:5px 15px;font-size:.85rem;font-weight:600;display:inline-block}.blog-card h2{color:#333;margin-bottom:15px;font-size:1.5rem;line-height:1.4}.blog-card h2:hover{color:#0c3cc3}.blog-excerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-meta{color:#888;border-top:1px solid #f0f0f0;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding-top:15px;font-size:.9rem;display:flex}.blog-author,.blog-date,.blog-stats{align-items:center;gap:5px;display:flex}.blog-stats{gap:15px;margin-left:auto}.blog-stats span{align-items:center;gap:5px;display:flex}.read-more{color:#0c3cc3;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.read-more:hover{gap:12px}.loading-state,.empty-state{text-align:center;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top-color:#0c3cc3;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state i{color:#ccc;margin-bottom:20px;font-size:4rem}.empty-state h3{color:#666;margin-bottom:10px}.empty-state p{color:#999}@media (max-width:768px){.blog-banner h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}.blog-meta{font-size:.85rem}.blog-stats{width:100%;margin-left:0}}