.blog-page{background:var(--bg-secondary);min-height:100vh}.blog-hero{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));color:#fff;text-align:center;margin-bottom:2rem;padding:3rem 1rem}.blog-hero-content h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.blog-categories{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1200px;margin:0 auto 2rem;padding:0 1rem;display:flex}.category-pill{cursor:pointer;color:var(--text-secondary);border:1px solid var(--border-primary);background:#fff;border-radius:50px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.category-pill:hover,.category-pill.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.blog-container{max-width:1200px;margin:0 auto;padding:0 1rem 4rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.blog-card{border:1px solid var(--border-primary);background:#fff;border-radius:12px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.blog-image{background:var(--color-primary-50);justify-content:center;align-items:center;height:160px;font-size:4rem;display:flex}.blog-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-meta{color:var(--text-secondary);gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.blog-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;line-height:1.4}.blog-content p{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.read-more{color:var(--color-primary-600);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.read-more:hover{gap:.75rem}.blog-detail-page{background:var(--bg-primary);min-height:100vh}.blog-article-content{color:var(--text-primary);font-size:1.1rem;line-height:1.8}.blog-article-content h3{color:var(--text-primary);margin:2rem 0 1rem;font-size:1.5rem}.primary-btn{background:var(--color-primary-600);color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.primary-btn:hover{background:var(--color-primary-700)}.secondary-btn{color:var(--color-primary-600);border:1px solid var(--color-primary-600);background:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.secondary-btn:hover{background:var(--color-primary-50)}