.blog-page{font-family:Inter,system-ui,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}.blog-hero{position:relative;max-width:1280px;margin:0 auto;padding:140px 24px 0;z-index:1}.blog-hero-title{font-family:Geist,sans-serif;font-size:clamp(2.25rem,5vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--text);margin:16px 0 20px}.blog-hero-desc{font-size:1.1rem;color:var(--text-muted);max-width:580px;line-height:1.7}.blog-chip{font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;display:inline-block;width:-moz-fit-content;width:fit-content;flex-shrink:0}.blog-chip--blue{background:rgba(37,99,235,.15);border:1px solid rgba(180,197,255,.25);color:var(--primary)}.blog-chip--purple{background:rgba(210,187,255,.1);border:1px solid rgba(210,187,255,.25);color:var(--secondary)}.blog-chip--teal{background:rgba(137,206,255,.1);border:1px solid rgba(137,206,255,.25);color:var(--tertiary)}.blog-meta{font-size:.82rem;color:var(--text-muted);flex-wrap:wrap}.blog-author,.blog-meta{display:flex;align-items:center;gap:8px}.blog-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));flex-shrink:0}.blog-dot{color:var(--outline)}.blog-featured{position:relative;max-width:1280px;margin:0 auto;padding:40px 24px 0;z-index:1}.featured-card{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-top-color:hsla(0,0%,100%,.18);text-decoration:none;transition:border-color .3s,box-shadow .3s}.featured-card:hover{border-color:rgba(37,99,235,.5);box-shadow:0 0 48px rgba(37,99,235,.12)}.featured-card-thumb{min-height:340px;background:linear-gradient(135deg,#1a263d,#1e1040 60%,#0d1322);position:relative;overflow:hidden}.featured-card-thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(37,99,235,.2) 0,transparent 65%),radial-gradient(circle at 70% 30%,rgba(96,1,209,.15) 0,transparent 55%)}.featured-card-body{padding:48px 40px;display:flex;flex-direction:column;gap:16px;justify-content:center}.featured-card-title{font-family:Geist,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.25;transition:color .2s}.featured-card:hover .featured-card-title{color:var(--primary)}.featured-card-excerpt{font-size:1rem;color:var(--text-muted);line-height:1.7;flex:1 1}.featured-card-read{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--primary);margin-top:8px;transition:gap .2s}.featured-card:hover .featured-card-read{gap:10px}.blog-grid-section{position:relative;max-width:1280px;margin:0 auto;padding:48px 24px 80px;z-index:1}.blog-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.blog-filter-btn{padding:7px 18px;border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--text-muted);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.blog-filter-btn:hover{color:var(--text);background:hsla(0,0%,100%,.07)}.blog-filter-btn--active{color:var(--primary);background:rgba(37,99,235,.12);border-color:rgba(180,197,255,.3)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px}.blog-card{border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-top-color:hsla(0,0%,100%,.15);text-decoration:none;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .2s}.blog-card:hover{border-color:rgba(37,99,235,.4);box-shadow:0 0 28px rgba(37,99,235,.1);transform:translateY(-3px)}.blog-card-thumb{height:180px;background:linear-gradient(135deg,var(--bg-surface-high) 0,#141c30 100%);position:relative;overflow:hidden}.blog-card-thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 60%,rgba(37,99,235,.12) 0,transparent 60%)}.blog-card-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1 1}.blog-card-title{font-family:Geist,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--text);line-height:1.35;transition:color .2s}.blog-card:hover .blog-card-title{color:var(--primary)}.blog-card-excerpt{font-size:.88rem;color:var(--text-muted);line-height:1.65;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-empty{text-align:center;color:var(--text-muted);padding:64px 0;font-size:1rem}.post-page{position:relative;z-index:1}.post-container{max-width:800px;margin:0 auto;padding:120px 24px 80px}.post-back{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-muted);text-decoration:none;margin-bottom:32px;transition:color .2s}.post-back:hover{color:var(--primary)}.post-header{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid hsla(0,0%,100%,.08)}.post-title{font-family:Geist,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text)}.post-excerpt{font-size:1.15rem;color:var(--text-muted);line-height:1.7}.post-byline{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.byline-name{font-size:.9rem;font-weight:600;color:var(--text)}.byline-role{font-size:.8rem;color:var(--text-muted)}.byline-details{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.post-tags{display:flex;gap:8px;flex-wrap:wrap}.post-content{font-size:1.05rem;line-height:1.8;color:var(--text-muted)}.post-content h2{font-size:1.6rem;font-weight:700;margin:40px 0 16px;letter-spacing:-.02em}.post-content h2,.post-content h3{font-family:Geist,sans-serif;color:var(--text)}.post-content h3{font-size:1.25rem;font-weight:600;margin:32px 0 12px}.post-content p{margin-bottom:20px}.post-content p:last-child{margin-bottom:0}.post-content ol,.post-content ul{margin:0 0 20px 24px}.post-content li{margin-bottom:8px}.post-content code{font-family:JetBrains Mono,monospace;font-size:.88em;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);padding:2px 6px;border-radius:4px;color:var(--tertiary)}.post-content pre{background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.08);border-left:3px solid var(--primary-glow);border-radius:8px;padding:20px 24px;overflow-x:auto;margin:24px 0}.post-content pre code{background:none;border:none;padding:0;font-size:.9rem;color:var(--text)}.post-content blockquote{border-left:3px solid var(--primary);padding:12px 20px;background:rgba(180,197,255,.04);border-radius:0 8px 8px 0;margin:24px 0;font-style:italic;color:var(--text)}.post-author-bio{display:flex;gap:20px;padding:32px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin:64px 0 48px}.bio-avatar{width:56px!important;height:56px!important;flex-shrink:0}.bio-name{font-family:Geist,sans-serif;font-size:1rem;font-weight:600;color:var(--text);margin-bottom:4px}.bio-role{font-size:.82rem;margin-bottom:10px}.bio-role,.bio-text{color:var(--text-muted)}.bio-text{font-size:.9rem;line-height:1.65}.post-related{margin-bottom:64px}@media (max-width:768px){.blog-hero{padding-top:110px}.featured-card{grid-template-columns:1fr}.featured-card-thumb{min-height:200px}.featured-card-body{padding:28px 24px}.blog-grid{grid-template-columns:1fr}.post-container{padding:100px 20px 60px}}