:root{--bg-neutral:#f8fafc}.blog-page{min-height:100vh}.blog-hero{background:var(--bg-hero);padding:var(--space-4xl) var(--space-md);position:relative}.blog-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--pattern-dots);background-size:var(--pattern-dots-size);opacity:.3;pointer-events:none}.hero-content{max-width:64rem;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--blue-glass);color:var(--blue);padding:var(--space-sm) var(--space-lg);border-radius:999px;font-size:var(--text-body-sm);font-weight:600}.hero-badge,.hero-title{margin-bottom:var(--space-xl)}.hero-title{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:800;color:var(--text-primary);line-height:1.1}.hero-title-accent{color:var(--brand-primary)}.hero-description{font-size:var(--text-body-xl);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.6}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg);color:var(--text-tertiary);font-size:var(--text-body-sm)}.hero-stat{display:flex;align-items:center;gap:var(--space-sm)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header-with-action{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-2xl)}.section-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-md)}.section-description{font-size:var(--text-body);color:var(--text-secondary);max-width:40rem;margin:0 auto}.featured-posts-section{padding:var(--space-4xl) var(--space-md);background:white}.featured-post-single{max-width:90rem;margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:center}.featured-post-single>*{margin:0 auto}@media (max-width:768px){.featured-post-single{max-width:100%;padding:0 var(--space-sm)}.featured-post-single>div{flex-direction:column!important;max-width:100%!important;min-height:unset!important}.featured-post-single .blog-card-image-featured{width:100%!important;height:220px!important;border-radius:12px 12px 0 0!important;object-fit:cover}.featured-post-single .blog-card-author-avatar{width:32px!important;height:32px!important;border-radius:50%!important}.featured-post-single .blog-card-image-container{flex-shrink:0!important}}.categories-section{padding:var(--space-4xl) var(--space-md);background:var(--bg-neutral)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);max-width:64rem;margin:0 auto}.category-card{background:white;padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid transparent;transition:var(--transition-base);text-decoration:none;display:block}.category-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-light);transform:translateY(-2px)}.category-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.category-info{flex:1 1}.category-title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:700;color:var(--text-primary);margin-bottom:2px;transition:var(--transition-base)}.category-card:hover .category-title{color:var(--blue)}.category-count{font-size:var(--text-body-sm);color:var(--text-tertiary)}.category-description{font-size:var(--text-body-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.category-cta{display:flex;align-items:center;gap:var(--space-sm);color:var(--blue);font-size:var(--text-body-sm);font-weight:600;transition:var(--transition-base)}.category-card:hover .category-cta{gap:var(--space-md)}.category-card:hover .category-cta svg{transform:translateX(4px)}.recent-posts-section{padding:var(--space-4xl) var(--space-md);background:white}.latest-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-2xl);gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.view-all-link{display:none;align-items:center;gap:var(--space-sm);color:var(--blue);font-weight:600;text-decoration:none;transition:var(--transition-base)}.view-all-link:hover{color:var(--brand-primary);gap:var(--space-md)}.view-all-link svg{transition:var(--transition-base)}.view-all-link:hover svg{transform:translateX(4px)}.mobile-view-all{text-align:center;margin-top:var(--space-2xl)}.view-all-button{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--blue);color:white;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:var(--transition-base)}.view-all-button:hover{background:var(--brand-primary);gap:var(--space-md)}.view-all-button svg{transition:var(--transition-base)}.view-all-button:hover svg{transform:translateX(4px)}.pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-2xl)}.pagination-button{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-light);background:white;color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;transition:var(--transition-base);min-width:40px;text-align:center}.pagination-button:hover{border-color:var(--blue);color:var(--blue)}.pagination-button.active{background:var(--blue);border-color:var(--blue);color:white}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.category-icon{padding:var(--space-md);background:var(--bg-brand-subtle);border-radius:var(--radius-xl);color:var(--indigo);display:flex;align-items:center;justify-content:center}.article-count{font-size:var(--text-body);color:var(--text-secondary);margin:0}.blog-hero-description{font-size:var(--text-body-xl);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.category-filter-bar{background:white;border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--border-subtle);margin-bottom:var(--space-xl)}.filter-header{align-items:center;margin-bottom:var(--space-md);font-size:var(--text-body-sm);font-weight:600;color:var(--text-secondary)}.filter-header,.filter-tags{display:flex;gap:var(--space-sm)}.filter-tags{flex-wrap:wrap}.filter-tag{padding:var(--space-sm) var(--space-md);font-size:var(--text-body-sm);border-radius:var(--radius);border:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.filter-tag.active,.filter-tag:hover{border-color:var(--indigo);color:var(--indigo)}.filter-tag.active{background:var(--bg-brand-subtle)}.empty-state,.empty-state-section{padding:var(--space-4xl) var(--space-lg)}.empty-state{text-align:center}.empty-icon{width:4rem;height:4rem;background:var(--bg-neutral);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:var(--text-tertiary)}.empty-title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-description{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--text-body)}.empty-cta{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--indigo);font-weight:600;text-decoration:none;transition:all .2s ease}.empty-cta:hover{gap:var(--space-md)}@media (min-width:768px){.latest-posts-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:var(--text-display-xl)}}@media (min-width:1024px){.latest-posts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.blog-hero{padding:var(--space-2xl) var(--space-md)}.hero-title{font-size:var(--text-h1)}.categories-section,.featured-posts-section,.recent-posts-section{padding:var(--space-2xl) var(--space-md)}.categories-grid,.latest-posts-grid{grid-template-columns:1fr}.latest-posts-grid{gap:var(--space-xl)}.pagination{flex-wrap:wrap}}.container{max-width:80rem;margin:0 auto;padding:0 var(--space-md)}@media (min-width:1280px){.container{padding:0 var(--space-lg)}}