.blog-page,.blogpost-page{background:var(--bg-base);color:var(--text-1);min-height:100vh;padding-top:80px}.blog-hero{padding:80px 24px 48px;text-align:center}.blog-hero-inner{max-width:var(--max-w);margin:0 auto}.blog-hero-tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-cyan);background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);padding:6px 16px;border-radius:100px;margin-bottom:20px}.blog-hero-title{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;line-height:1.15;margin:0 0 16px}.text-gradient{background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-sub{font-size:1.1rem;color:var(--text-2);max-width:620px;margin:0 auto;line-height:1.6}.blog-filters{padding:0 24px 40px}.blog-filters-inner{max-width:var(--max-w);margin:0 auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.filter-chip{background:var(--bg-card);color:var(--text-2);border:1px solid var(--border-subtle);padding:8px 20px;border-radius:100px;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-chip:hover{border-color:var(--border-accent);color:var(--text-1)}.filter-chip.active{background:var(--blue-core);color:#fff;border-color:var(--blue-core)}.blog-featured{padding:0 24px 48px;max-width:var(--max-w);margin:0 auto}.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .3s,box-shadow .3s}.featured-card:hover{border-color:var(--border-accent);box-shadow:0 0 40px rgba(0,117,255,.08)}.featured-cover{position:relative;min-height:320px}.featured-cover-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,96,238,.15),rgba(0,212,255,.08));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.featured-cover-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-cyan);opacity:.7}.featured-body{padding:40px;display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.post-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--blue-cyan);background:rgba(0,212,255,.08);padding:4px 10px;border-radius:6px}.post-date,.post-read{font-size:.8rem;color:var(--text-3)}.featured-title{font-size:1.6rem;font-weight:700;line-height:1.3;margin:0 0 12px}.featured-excerpt{font-size:.95rem;color:var(--text-2);line-height:1.65;margin:0 0 20px}.featured-cta{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--blue-core);transition:gap .2s}.featured-card:hover .featured-cta{gap:10px}.blog-grid-section{padding:0 24px 64px;max-width:var(--max-w);margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .3s,transform .3s,box-shadow .3s}.post-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}.post-card-cover{height:180px;position:relative}.post-card-cover-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,96,238,.12),rgba(0,212,255,.06));display:flex;align-items:center;justify-content:center}.post-card-cover-placeholder span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blue-cyan);opacity:.5}.post-card-body{padding:20px}.post-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.post-card-title{font-size:1.05rem;font-weight:600;line-height:1.4;margin:0 0 8px}.post-card-excerpt{font-size:.85rem;color:var(--text-2);line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-read{font-size:.75rem;color:var(--text-3)}.blog-empty{text-align:center;padding:80px 24px;color:var(--text-2)}.blog-newsletter{padding:0 24px 80px}.blog-newsletter-inner{max-width:640px;margin:0 auto;text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:48px 40px}.blog-newsletter-inner h2{font-size:1.5rem;font-weight:700;margin:0 0 8px}.blog-newsletter-inner p{font-size:.95rem;color:var(--text-2);margin:0 0 24px}.newsletter-form{display:flex;gap:10px;max-width:420px;margin:0 auto}.newsletter-form input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 16px;color:var(--text-1);font-size:.9rem;outline:none;transition:border-color .2s}.newsletter-form input:focus{border-color:var(--blue-core)}.blog-footer{border-top:1px solid var(--border-subtle);padding:32px 24px}.blog-footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.blog-footer-copy{font-size:.8rem;color:var(--text-3);margin:0}.blogpost-breadcrumb{max-width:var(--max-w);margin:0 auto;padding:24px 24px 0;font-size:.8rem;color:var(--text-3)}.blogpost-breadcrumb a{color:var(--blue-core);text-decoration:none}.blogpost-breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{margin:0 8px;opacity:.4}.blogpost-header{max-width:var(--max-w-article);margin:0 auto;padding:40px 24px 32px;text-align:center}.blogpost-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:16px 0}.blogpost-meta{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:var(--text-3);flex-wrap:wrap}.blogpost-author{color:var(--text-2);font-weight:500}.meta-dot{opacity:.3}.blogpost-layout{max-width:var(--max-w);margin:0 auto;padding:0 24px 64px;display:grid;grid-template-columns:220px 1fr;gap:48px}.blogpost-toc{position:relative}.toc-sticky{position:sticky;top:100px}.toc-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin:0 0 12px}.toc-list{list-style:none;padding:0;margin:0 0 32px}.toc-list li{margin-bottom:6px}.toc-list li a{display:block;font-size:.8rem;color:var(--text-3);text-decoration:none;padding:4px 0 4px 12px;border-left:2px solid transparent;transition:all .2s;line-height:1.4}.toc-list li a:hover{color:var(--text-2)}.toc-list li.active a{color:var(--blue-core);border-left-color:var(--blue-core)}.toc-share{padding-top:16px;border-top:1px solid var(--border-subtle)}.share-buttons{display:flex;gap:8px}.share-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;transition:all .2s;text-decoration:none}.share-btn:hover{border-color:var(--border-accent);color:var(--blue-core)}.blogpost-content{max-width:var(--max-w-article)}.article-h2{font-size:1.5rem;font-weight:700;margin:48px 0 16px;padding-top:16px;line-height:1.3}.article-h3{font-size:1.15rem;font-weight:600;margin:32px 0 12px;line-height:1.35}.article-p{font-size:1rem;line-height:1.8;color:var(--text-2);margin:0 0 16px}.article-p strong{color:var(--text-1);font-weight:600}.article-list{padding-left:20px;margin:0 0 16px}.article-list li{font-size:1rem;line-height:1.8;color:var(--text-2);margin-bottom:6px}.article-list li strong{color:var(--text-1)}.article-hr{border:none;height:1px;background:var(--border-subtle);margin:40px 0}.article-figure{margin:32px 0;padding:0}.article-img{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:block}.article-figcaption{font-size:.8rem;color:var(--text-3);text-align:center;margin-top:10px;line-height:1.5;font-style:italic}.article-code{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:20px 24px;margin:24px 0;overflow-x:auto;font-size:.85rem;line-height:1.7;color:var(--text-2)}.article-code code{font-family:JetBrains Mono,Fira Code,monospace}.blogpost-cta{padding:0 24px 64px}.blogpost-cta-inner{max-width:var(--max-w-article);margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(0,96,238,.12),rgba(0,212,255,.06));border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:48px 40px}.blogpost-cta-inner h2{font-size:1.5rem;font-weight:700;margin:0 0 8px}.blogpost-cta-inner p{font-size:.95rem;color:var(--text-2);max-width:480px;margin:0 auto 24px}.blogpost-related{padding:0 24px 80px;max-width:var(--max-w);margin:0 auto}.related-title{font-size:1.25rem;font-weight:700;margin:0 0 24px}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blogpost-layout{grid-template-columns:1fr;gap:0}.blogpost-toc{display:none}}@media (max-width:768px){.featured-card{grid-template-columns:1fr}.featured-cover{min-height:200px}.featured-body{padding:24px}.blog-grid{grid-template-columns:1fr}.blog-footer-inner,.newsletter-form{flex-direction:column}.blog-footer-inner{gap:12px;text-align:center}.blogpost-cta-inner{padding:32px 24px}}