.blog-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0 60px;text-align:center}.blog-hero h1{font-size:3rem;font-weight:700;margin-bottom:16px}.blog-hero-subtitle{font-size:1.25rem;opacity:.95;max-width:600px;margin:0 auto}.blog-container{padding:32px 20px}.blog-layout{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:start}@media(max-width:968px){.blog-layout{grid-template-columns:1fr;gap:40px}.blog-sidebar{order:2}.blog-main{order:1}}.blog-sidebar{position:sticky;top:100px}.sidebar-section{margin-bottom:40px}.sidebar-section h3{font-size:1.125rem;font-weight:700;margin-bottom:16px;color:#111827}.search-input{width:100%;padding:12px 16px;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#7048e8;box-shadow:0 0 0 3px #7048e81a}.category-list{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.category-item:hover{background:#f9fafb;border-color:#7048e8;color:#7048e8}.category-item.active{background:#f5f3ff;border-color:#7048e8;color:#7048e8}.category-item .count{background:#f3f4f6;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700}.category-item.active .count{background:#7048e8;color:#fff}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{padding:6px 14px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:20px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.tag-chip:hover{background:#e5e7eb;border-color:#7048e8}.tag-chip.active{background:#7048e8;border-color:#7048e8;color:#fff}.popular-posts{display:flex;flex-direction:column;gap:16px}.popular-post-item{padding-bottom:16px;border-bottom:1px solid #e5e7eb;text-decoration:none;transition:all .2s}.popular-post-item:last-child{border-bottom:none;padding-bottom:0}.popular-post-item:hover h4{color:#7048e8}.popular-post-item h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:6px;line-height:1.4;transition:color .2s}.post-meta-small{font-size:12px;color:#6b7280;display:flex;gap:8px}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:32px}.filter-label{font-size:14px;font-weight:600;color:#6b7280}.filter-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1.5px solid #7048E8;border-radius:20px;font-size:13px;font-weight:600;color:#7048e8}.filter-badge button{background:none;border:none;color:#7048e8;font-size:18px;line-height:1;cursor:pointer;padding:0;margin-left:4px}.clear-filters{padding:6px 12px;background:#fff;border:1.5px solid #dc2626;border-radius:20px;font-size:13px;font-weight:600;color:#dc2626;cursor:pointer;transition:all .2s;margin-left:auto}.clear-filters:hover{background:#dc2626;color:#fff}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}@media(max-width:768px){.posts-grid{grid-template-columns:1fr}}.post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s;display:flex;flex-direction:column}.post-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-4px)}.post-card.featured{grid-column:1 / -1;flex-direction:row}@media(max-width:768px){.post-card.featured{flex-direction:column}}.post-card.featured .post-image{width:45%;min-height:350px}@media(max-width:768px){.post-card.featured .post-image{width:100%;min-height:250px}}.post-image{display:block;width:100%;height:200px;overflow:hidden;background:#f3f4f6}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-image img{transform:scale(1.05)}.post-card .post-content{padding:24px;flex:1;display:flex;flex-direction:column}.post-category{display:inline-block;padding:4px 12px;background:#f5f3ff;color:#7048e8;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;width:fit-content}.post-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;line-height:1.3}.post-card.featured .post-title{font-size:2rem}.post-title a{color:#111827;text-decoration:none;transition:color .2s}.post-title a:hover{color:#7048e8}.post-excerpt{color:#6b7280;line-height:1.6;margin-bottom:16px;flex:1}.post-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:16px}.meta-separator{color:#d1d5db}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.post-tag{padding:4px 10px;background:#f3f4f6;border-radius:12px;font-size:11px;font-weight:600;color:#6b7280}.loading-state{text-align:center;padding:60px 20px}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#7048e8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#6b7280;font-size:16px}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:12px}.empty-state p{color:#6b7280;margin-bottom:24px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:60px}.pagination-btn{padding:10px 20px;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#7048e8;color:#7048e8}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280;font-weight:600}