.blog-hero{padding:8rem 0 3rem;text-align:center;background:var(--bg-deep)}.blog-hero .section-label{font-family:var(--font-mono);font-size:.8rem;color:var(--neon-cyan);letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:1rem}.blog-hero .section-title{font-family:var(--font-heading);font-size:clamp(2rem, 5vw, 3rem);color:var(--text-primary);margin-bottom:1rem}.blog-hero p{font-family:var(--font-body);font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.tag-filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem;padding:0 1rem}.tag-btn{font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid rgba(0,255,240,.2);color:var(--text-muted);padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tag-btn:hover{border-color:rgba(0,255,240,.4);color:var(--neon-cyan)}.tag-btn.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:rgba(0,255,240,.08);box-shadow:0 0 15px rgba(0,255,240,.15)}.blog-listing{padding:3rem 0 4rem;background:var(--bg-deep)}.blog-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.blog-card:hover{border-color:rgba(0,255,240,.4);box-shadow:0 0 30px rgba(0,255,240,.1),0 8px 32px rgba(0,0,0,.3);transform:translateY(-4px)}.blog-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,240,.04),transparent);transition:left .6s ease;pointer-events:none}.blog-card:hover::before{left:100%}.blog-card-body{display:flex;flex-direction:column;gap:.75rem;height:100%}.blog-card-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.blog-card-meta .meta-sep{color:var(--neon-cyan);opacity:.4}.blog-card-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;line-height:1.4;margin:0}.blog-card-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.blog-card-title a:hover{color:var(--neon-cyan)}.blog-card-excerpt{font-family:var(--font-body);font-size:.95rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;flex-grow:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem}.blog-card-tags .tag{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);letter-spacing:.05em;border:1px solid rgba(0,255,240,.2);border-radius:4px;padding:.25rem .6rem;background:rgba(0,255,240,.04)}.blog-post{padding:8rem 0 3rem;background:var(--bg-deep)}.blog-post .container{max-width:780px}.breadcrumb{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:2.5rem;letter-spacing:.05em}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--neon-cyan)}.breadcrumb span[aria-hidden]{color:rgba(0,255,240,.3);margin:0 .5rem}.breadcrumb span[aria-current]{color:var(--neon-cyan)}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--card-border)}.post-title{font-family:var(--font-heading);font-size:clamp(1.8rem, 4vw, 2.6rem);font-weight:900;color:var(--text-primary);line-height:1.25;margin:0 0 1.25rem}.post-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem}.post-meta .meta-sep{color:rgba(0,255,240,.3)}.post-meta a{color:var(--neon-cyan);text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.post-tags .tag{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);letter-spacing:.05em;border:1px solid rgba(0,255,240,.2);border-radius:4px;padding:.25rem .6rem;background:rgba(0,255,240,.04)}.post-content{font-family:var(--font-body);font-size:1.05rem;color:var(--text-secondary,#c0c0cc);line-height:1.8}.post-content h2{font-family:var(--font-heading);font-size:clamp(1.3rem, 3vw, 1.7rem);font-weight:700;color:var(--text-primary);margin:2.5rem 0 1rem;line-height:1.3}.post-content h3{font-family:var(--font-heading);font-size:clamp(1.1rem, 2.5vw, 1.3rem);font-weight:700;color:var(--text-primary);margin:2rem 0 .75rem;line-height:1.35}.post-content p{margin:0 0 1.25rem}.post-content strong{color:var(--text-primary);font-weight:600}.post-content a{color:var(--neon-cyan);text-decoration:underline;text-underline-offset:2px;transition:color .3s ease}.post-content a:hover{color:var(--neon-magenta)}.post-content ol,.post-content ul{margin:0 0 1.25rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content li::marker{color:var(--neon-cyan)}.post-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:3px solid var(--neon-cyan);background:rgba(0,255,240,.03);border-radius:0 8px 8px 0;color:var(--text-muted);font-style:italic}.post-content code{font-family:var(--font-mono);font-size:.9em;color:var(--neon-cyan);background:rgba(0,255,240,.06);padding:.15em .4em;border-radius:4px;border:1px solid rgba(0,255,240,.1)}.post-content pre{margin:1.5rem 0;padding:1.25rem;background:rgba(0,0,0,.4);border:1px solid var(--card-border);border-radius:8px;overflow-x:auto}.post-content pre code{background:0 0;border:none;padding:0;font-size:.85rem;line-height:1.6}.post-content hr{border:none;border-top:1px solid var(--card-border);margin:2.5rem 0}.post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.back-link{font-family:var(--font-mono);font-size:.85rem;color:var(--neon-cyan);text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--neon-magenta)}.cta-section{padding:5rem 0;text-align:center;background:var(--bg-surface);border-top:1px solid var(--card-border)}.cta-section .container{display:flex;flex-direction:column;align-items:center}.cta-section h2{font-family:var(--font-heading);font-size:clamp(1.5rem, 4vw, 2.2rem);color:var(--text-primary);margin-bottom:1rem}.cta-section p{font-family:var(--font-body);font-size:1.1rem;color:var(--text-muted);max-width:550px;margin:0 0 2rem;line-height:1.6}.cta-section .btn-primary{font-family:var(--font-heading);font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-block;padding:1rem 2.5rem;border:1px solid var(--neon-cyan);border-radius:8px;color:var(--bg-deep);background:var(--neon-cyan);cursor:pointer;transition:all .3s ease}.cta-section .btn-primary:hover{box-shadow:0 0 25px rgba(0,255,240,.3),0 0 50px rgba(0,255,240,.15);transform:translateY(-2px)}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--card-border)}.related-posts h2{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.related-post-card{display:block;padding:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;text-decoration:none;transition:border-color .3s ease,transform .3s ease}.related-post-card:hover{border-color:rgba(0,255,240,.4);transform:translateY(-2px)}.related-post-card h3{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.35}.related-post-card p{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hidden{display:none!important}@media (max-width:1024px){.blog-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{padding:6rem 0 2rem}.blog-card-grid{grid-template-columns:1fr;gap:1.5rem}.tag-filter-bar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.tag-filter-bar::-webkit-scrollbar{display:none}.blog-card{padding:1.5rem}.cta-section{padding:3rem 1rem}.blog-post{padding:6rem 0 2rem}.post-title{font-size:1.5rem}.post-meta{font-size:.7rem}.post-footer{flex-direction:column;align-items:flex-start}}