.blog-hero{padding:120px 0 60px;background:linear-gradient(135deg,var(--primary) 0%,#1e3a5f 100%);color:#fff;text-align:center}
.blog-hero h1{font-size:48px;font-weight:600;margin-bottom:16px}
.blog-hero p{font-size:18px;opacity:.8}
.blog-content{padding:80px 0;min-height:60vh;background:var(--bg)}
.blog-content .container{display:grid;grid-template-columns:260px 1fr;gap:48px}
.blog-sidebar{position:sticky;top:100px;height:fit-content}
.search-box{margin-bottom:32px}
.search-box input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:100px;font-size:14px;transition:border-color .3s}
.search-box input:focus{outline:none;border-color:var(--secondary)}
.categories-box h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:16px}
.category-link{display:block;padding:8px 0;font-size:14px;color:var(--muted);transition:all .3s}
.category-link:hover,.category-link.active{color:var(--primary)}
.category-link.active{font-weight:500}
.blog-filters{margin-bottom:24px;font-size:13px;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.blog-card-image{aspect-ratio:16/10;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center}
.blog-card-image svg{width:48px;height:48px;stroke:var(--border)}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:hover .blog-card-image img{transform:scale(1.03)}
.blog-card-content{padding:24px}
.blog-card-date{font-size:12px;color:var(--muted);margin-bottom:8px}
.blog-card-title{font-size:20px;font-weight:500;color:var(--text);margin-bottom:8px;line-height:1.3}
.blog-card-excerpt{font-size:14px;color:var(--muted);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-link{color:var(--secondary);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .3s}
.blog-card-link:hover{gap:10px}
.blog-card-category{display:inline-block;padding:4px 10px;background:var(--bg);border-radius:100px;font-size:11px;color:var(--muted);margin-bottom:8px}
.loading{text-align:center;padding:48px;color:var(--muted)}
.no-posts{text-align:center;padding:48px;color:var(--muted)}
@media(max-width:900px){.blog-content .container{grid-template-columns:1fr}.blog-sidebar{position:static;display:flex;gap:24px;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.categories-box{display:flex;gap:16px;align-items:center}.categories-box h3{margin:0}.category-link{display:inline-block;margin-right:16px}}