.blog-list-page{padding-top:80px}.blog-hero{text-align:center;padding-block:clamp(3rem,8vw,5rem);position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#005f8f0f 0%,#0000 50%),radial-gradient(circle at 70%,#0088cc0f 0%,#0000 50%);position:absolute;inset:0}[data-theme=dark] .blog-hero:before{background:radial-gradient(circle at 30%,#005f8f1a 0%,#0000 50%),radial-gradient(circle at 70%,#0088cc1a 0%,#0000 50%)}.blog-hero-title{margin-bottom:1rem;animation:.5s forwards fadeInUp}.blog-hero-subtitle{color:var(--text-secondary);letter-spacing:.01em;opacity:0;max-width:560px;margin-inline:auto;font-size:1.0625rem;line-height:1.8;animation:.5s .1s forwards fadeInUp}.blog-filters{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:clamp(2rem,5vw,3rem);animation:.5s .2s forwards fadeInUp;display:flex}.blog-filter-btn{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;display:inline-flex}.blog-filter-btn:hover{color:var(--accent-primary);border-color:var(--border-color);background:var(--bg-glass-hover)}.blog-filter-btn.active{color:#fff;background:var(--accent-gradient);border-color:#0000;box-shadow:0 2px 12px #0077b633}.blog-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,3vw,1.75rem);display:grid}.blog-card-author-tag{background:var(--bg-secondary);border:2px solid #fff;border-radius:50%;width:36px;height:36px;position:absolute;top:.75rem;right:.75rem;overflow:hidden;box-shadow:0 2px 8px #00000026}.blog-card-author-avatar{object-fit:cover;width:100%;height:100%;display:block}.blog-card{cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.blog-card-image-wrapper{border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.blog-card-image{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform var(--transition-base)}.blog-card:hover .blog-card-image{transform:scale(1.04)}.blog-card-category{letter-spacing:.02em;color:#fff;background:var(--accent-gradient);text-transform:uppercase;border-radius:100px;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 2px 8px #00000026}.blog-card-body{flex-direction:column;flex:1;padding:1.25rem 1.5rem;display:flex}.blog-card-title{-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;margin-bottom:.625rem;font-size:1.125rem;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:var(--accent-primary)}.blog-card-excerpt{color:var(--text-muted);letter-spacing:.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.75;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:.75rem;padding-top:1rem;font-size:.8125rem;display:flex}.blog-card-author{color:var(--text-secondary);font-weight:500}.blog-card-separator{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:3px;height:3px}.blog-card-date,.blog-card-read-time{white-space:nowrap}.blog-load-more{justify-content:center;margin-top:clamp(2.5rem,5vw,3.5rem);display:flex}.blog-pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:clamp(2.5rem,5vw,3.5rem);display:flex}.blog-pagination-btn{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:inline-flex}.blog-pagination-btn:hover{color:var(--accent-primary);border-color:var(--border-color)}.blog-pagination-btn.active{color:#fff;background:var(--accent-gradient);border-color:#0000}.blog-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.blog-empty{text-align:center;padding:clamp(3rem,8vw,5rem) 1rem}.blog-empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:1rem;font-size:3rem}.blog-empty-title{margin-bottom:.5rem;font-size:1.25rem}.blog-empty-text{color:var(--text-muted);font-size:.9375rem}@media (width<=1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog-grid{grid-template-columns:1fr}.blog-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.blog-filters::-webkit-scrollbar{display:none}.blog-card-body{padding:1rem 1.25rem}}