.blog-hero{padding:calc(var(--header-height) + var(--space-16))0 var(--space-12);text-align:center;position:relative}.category-pills{justify-content:center;gap:var(--space-2);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.category-pill{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0}.category-pill:hover{border-color:var(--color-cyan-400);color:var(--color-cyan-400)}.category-pill.active{background:var(--color-cyan-400);border-color:var(--color-cyan-400);color:var(--color-bg-deep)}.featured-post{gap:var(--space-10);padding:var(--space-12)0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.featured-post-image{border-radius:var(--radius-2xl);aspect-ratio:16/10;background:linear-gradient(135deg,#0a1628 0%,#1a2f4e 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.featured-post-image:before{content:"";z-index:1;background:linear-gradient(135deg,#00e5ff1a 0%,#0000 50%);position:absolute;inset:0}.featured-post-emoji{opacity:.2;font-size:100px}.featured-badge{top:var(--space-4);left:var(--space-4);z-index:2;background:var(--color-cyan-400);color:var(--color-bg-deep);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;position:absolute}.featured-post-content{padding:var(--space-4)0}.featured-post-meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.post-category{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-cyan-400);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.post-date,.post-read-time{font-size:var(--text-sm);color:var(--color-text-muted)}.featured-post-title{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4);transition:color var(--duration-fast)}.featured-post-title:hover{color:var(--color-cyan-400)}.featured-post-excerpt{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.post-author{align-items:center;gap:var(--space-3);display:flex}.post-author-avatar{border-radius:var(--radius-full);background:var(--color-bg-elevated);width:40px;height:40px;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-cyan-400);justify-content:center;align-items:center;display:flex}.post-author-name{font-weight:var(--font-medium);font-size:var(--text-sm)}.post-author-role{font-size:var(--text-xs);color:var(--color-text-muted)}.blog-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--duration-normal)var(--ease-out);overflow:hidden}.blog-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.blog-card-image{aspect-ratio:16/10;position:relative;overflow:hidden}.blog-card-image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-card-emoji{opacity:.3;font-size:48px}.blog-card:hover .blog-card-image-placeholder{transform:scale(1.05)}.blog-card-content{padding:var(--space-5)}.blog-card-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.blog-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-bottom:var(--space-3);transition:color var(--duration-fast)}.blog-card-title:hover{color:var(--color-cyan-400)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.blog-card-author{align-items:center;gap:var(--space-2);display:flex}.blog-card-author-avatar{border-radius:var(--radius-full);background:var(--color-bg-elevated);width:28px;height:28px;font-size:10px;font-weight:var(--font-semibold);color:var(--color-cyan-400);justify-content:center;align-items:center;display:flex}.blog-card-author-name{font-size:var(--text-xs);font-weight:var(--font-medium)}.blog-card-read-time{font-size:var(--text-xs);color:var(--color-text-muted)}.newsletter-section{background:linear-gradient(135deg,#00e5ff0d 0%,var(--color-bg-surface)100%);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-12);margin:var(--space-16)0;gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:center;display:grid}.newsletter-content h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.newsletter-content p{color:var(--color-text-secondary);font-size:var(--text-base)}.newsletter-form{gap:var(--space-3);display:flex}.newsletter-input{padding:var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast);outline:none;flex:1}.newsletter-input:focus{border-color:var(--color-cyan-400);box-shadow:0 0 0 3px var(--color-cyan-glow)}.load-more{text-align:center;margin-top:var(--space-12)}.topics-section{padding:var(--space-12)0;border-top:1px solid var(--color-border)}.topics-cloud{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.topic-tag{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--duration-fast);cursor:pointer}.topic-tag:hover{border-color:var(--color-cyan-400);color:var(--color-cyan-400);background:#00e5ff0d}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-post{grid-template-columns:1fr}.newsletter-section{text-align:center;grid-template-columns:1fr}.newsletter-form{flex-direction:column}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}