.blog-card{height:100%;display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-16);background:var(--bg-card);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.blog-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-glow-purple);transform:translateY(-2px)}.blog-card:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.blog-card-image{aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-tertiary)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--blog-placeholder-start) 0%,var(--blog-placeholder-end) 100%)}.blog-card-content{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);flex:1}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.blog-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight)}.blog-card-teaser{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-date{font-size:var(--font-size-xs);color:var(--text-quaternary);white-space:nowrap}.blog-card-read-more{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-light-purple);margin-top:auto;opacity:0;transform:translate(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.blog-card:hover .blog-card-read-more{opacity:1;transform:translate(0)}[data-theme=light] .blog-card-read-more{color:var(--brand-bg-hover)}.blog-hero{position:relative;padding:calc(var(--navbar-height) + var(--space-16)) 0 var(--space-16);overflow:hidden}.blog-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.blog-hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5}.blog-hero-glow--primary{width:500px;height:500px;top:-100px;right:10%;background:var(--glow-primary)}.blog-hero-glow--secondary{width:400px;height:400px;bottom:-80px;left:5%;background:var(--glow-secondary)}.blog-hero-content{position:relative;z-index:1;margin-bottom:var(--space-12)}.blog-hero-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-cyan);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-4)}[data-theme=light] .blog-hero-label{color:var(--accent-purple)}.blog-hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.blog-hero-subtitle{font-size:var(--font-size-lg);color:var(--text-tertiary);line-height:var(--line-height-relaxed);max-width:560px}.featured-post{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border-primary);border-radius:var(--radius-24);background:var(--bg-card);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.featured-post:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-glow-cyan)}.featured-post:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.featured-post-image{aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-tertiary)}.featured-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-post:hover .featured-post-image img{transform:scale(1.03)}.featured-post-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--blog-placeholder-start) 0%,var(--blog-placeholder-end) 100%)}.featured-post-content{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-10) var(--space-10)}.featured-post-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight)}.featured-post-teaser{font-size:var(--font-size-base);color:var(--text-tertiary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.featured-post-date{font-size:var(--font-size-sm);color:var(--text-quaternary);margin-top:var(--space-2)}.blog-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-10)}.blog-filter-btn{appearance:none;border:1px solid var(--border-primary);border-radius:var(--radius-full);background:transparent;color:var(--text-tertiary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-5);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.blog-filter-btn:hover{color:var(--text-primary);border-color:var(--border-secondary);background:var(--bg-glass)}.blog-filter-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.blog-filter-btn.is-active{color:var(--text-primary);background:var(--bg-glass);border-color:var(--border-secondary);box-shadow:0 0 12px #18e4fe14}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.blog-grid-item{height:100%}.blog-empty-state{text-align:center;color:var(--text-quaternary);font-size:var(--font-size-base);padding:var(--space-16) 0}@media(max-width:1024px){.featured-post{grid-template-columns:1fr}.featured-post-image{aspect-ratio:16 / 9}.featured-post-content{padding:var(--space-8)}}@media(max-width:768px){.blog-hero{padding-top:calc(var(--navbar-height) + var(--space-10));padding-bottom:var(--space-10)}.blog-hero-title{font-size:var(--font-size-3xl)}.blog-hero-content{margin-bottom:var(--space-8)}.blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.blog-filters{gap:var(--space-2);margin-bottom:var(--space-8)}.blog-filter-btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);min-height:44px}}@media(max-width:480px){.blog-grid{grid-template-columns:1fr}.featured-post-title{font-size:var(--font-size-xl)}.featured-post-content{padding:var(--space-6)}}