:root{--bg:#07070d;--bg-2:#0f1020;--ink:#eef0f8;--ink-dim:#eef0f880;--ink-faint:#eef0f840;--cyan:#00e5ff;--violet:#8a5cff;--line:#ffffff0f;--line-strong:#ffffff1f}.blog-page{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.55}.blog-wrap{max-width:1380px;margin:0 auto;padding:48px 24px 100px}.blog-cols{align-items:stretch;gap:32px;display:flex}.blog-sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:210px;display:flex}.b-sticky{position:sticky;top:88px}.b-card{border:1px solid var(--line);background:#0f101e80;border-radius:16px;padding:16px}.b-label{text-transform:uppercase;letter-spacing:.24em;color:var(--ink-faint);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:9px;display:block}.b-back{border:1px solid var(--line-strong);color:var(--ink-dim);background:#ffffff05;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.b-back:hover{color:var(--cyan);border-color:#00e5ff59}.b-category{text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--cyan);background:#00e5ff0d;border:1px solid #00e5ff40;border-radius:10px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:9px;text-decoration:none;transition:all .2s;display:block}.b-category:hover{background:#00e5ff1a}.b-case{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px}.b-case:last-child{border:none;margin:0;padding:0}.b-case-co{color:var(--ink);font-size:12px;font-weight:600}.b-case-res{color:var(--cyan);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:10px}.b-case-loc{color:var(--ink-faint);margin-top:2px;font-size:10px}.b-resource-link{color:var(--ink-dim);align-items:center;gap:6px;padding:5px 0;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.b-resource-link:hover{color:var(--cyan)}.b-resource-link:before{content:"›";color:#00e5ff80}.b-btn{background:var(--cyan);color:#04121a;text-align:center;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.b-btn:hover{background:#3ef}.b-stat-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:baseline;padding:7px 0;display:flex}.b-stat-row:last-child{border:none}.b-stat-num{color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:17px}.b-stat-label{color:var(--ink-faint);font-size:10px}.b-share-link{border:1px solid var(--line);color:var(--ink-dim);border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.b-share-link:first-of-type{margin-top:0}.b-share-link:hover{border-color:var(--line-strong);color:var(--ink)}.b-author-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.b-author-avatar{width:38px;height:38px;color:var(--cyan);background:#00e5ff1f;border:1px solid #00e5ff33;border-radius:50%;flex-shrink:0;place-items:center;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;display:grid}.b-author-name{color:var(--ink);font-size:13px;font-weight:600}.b-author-date{color:var(--ink-faint);margin-top:2px;font-size:10px}.b-mini-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.b-mini-stat{text-align:center;background:#ffffff08;border-radius:10px;padding:8px}.b-mini-num{color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:17px}.b-mini-label{color:var(--ink-faint);margin-top:2px;font-size:9px}.blog-main{flex:1;min-width:0}.b-mob-back{color:var(--cyan);align-items:center;gap:6px;margin-bottom:24px;font-size:13px;text-decoration:none;transition:color .2s;display:none}.b-mob-back:hover{color:#fff}.b-art-head{margin-bottom:32px}.b-art-title{letter-spacing:-.025em;color:var(--ink);margin:14px 0 18px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3.8vw,50px);font-weight:700;line-height:1.1}.b-art-summary{color:var(--ink-dim);margin-bottom:20px;font-size:17px;line-height:1.6}.b-art-meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;display:flex}.b-art-meta-author{color:var(--ink-dim);font-weight:500}.b-art-cover{border:1px solid var(--line);border-radius:20px;margin-bottom:32px;overflow:hidden}.b-art-cover img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.b-toc{border:1px solid var(--line);background:#0f101e80;border-radius:16px;margin-bottom:32px;padding:20px}.b-prose{color:#eef0f8d1;font-size:16px;line-height:1.8}.b-prose h2{color:var(--ink);letter-spacing:-.01em;margin:2.5rem 0 1rem;scroll-margin-top:90px;font-family:Space Grotesk,sans-serif;font-size:1.55rem;font-weight:700}.b-prose h3{color:var(--ink);margin:2rem 0 .75rem;scroll-margin-top:90px;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:600}.b-prose h4{color:var(--ink-dim);margin:1.5rem 0 .5rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600}.b-prose p{margin:0 0 1.1rem}.b-prose a{color:var(--cyan);-webkit-text-decoration:underline #00e5ff59;text-decoration:underline #00e5ff59;transition:color .2s}.b-prose a:hover{color:#fff;text-decoration-color:#fff6}.b-prose strong{color:var(--ink);font-weight:600}.b-prose em{color:var(--ink-dim)}.b-prose code{color:var(--cyan);background:#00e5ff12;border:1px solid #00e5ff26;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:.83em}.b-prose pre{border:1px solid var(--line-strong);background:#0a0b18e6;border-radius:14px;margin:1.5rem 0;padding:22px 26px;overflow-x:auto}.b-prose pre code{color:var(--ink);background:0 0;border:none;padding:0;font-size:13px}.b-prose blockquote{border-left:2px solid var(--violet);color:var(--ink-dim);background:#8a5cff0f;border-radius:0 10px 10px 0;margin:1.5rem 0;padding:14px 20px;font-style:italic}.b-prose ul,.b-prose ol{margin:0 0 1.1rem;padding-left:1.5rem}.b-prose li{margin-bottom:.4rem}.b-prose ul>li::marker{color:var(--cyan)}.b-prose ol>li::marker{color:var(--cyan)}.b-prose hr{border:none;border-top:1px solid var(--line);margin:2.5rem 0}.b-prose img{border:1px solid var(--line);border-radius:14px;max-width:100%}.b-prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:14px}.b-prose th{color:var(--ink);border:1px solid var(--line-strong);text-align:left;text-transform:uppercase;letter-spacing:.08em;background:#0f101ecc;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12px}.b-prose td{border:1px solid var(--line);color:var(--ink-dim);padding:10px 14px}.b-prose tr:nth-child(2n) td{background:#ffffff05}.b-art-cta{background:linear-gradient(135deg,#00e5ff0d,#8a5cff0d);border:1px solid #00e5ff33;border-radius:22px;margin-top:60px;padding:36px;position:relative;overflow:hidden}.b-art-cta:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#8a5cff40,#0000 60%);width:200px;height:200px;position:absolute;top:-60px;right:-60px}.b-art-cta-label{text-transform:uppercase;letter-spacing:.24em;color:var(--cyan);margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.b-art-cta h3{color:var(--ink);margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.b-art-cta p{color:var(--ink-dim);margin:0 0 24px;font-size:14px}.b-art-cta-btn{background:var(--cyan);color:#04121a;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.b-art-cta-btn:hover{background:#3ef;transform:translateY(-1px)}@media (max-width:1280px){.blog-sidebar.right{display:none}}@media (max-width:1024px){.blog-sidebar.left{display:none}.b-mob-back{display:inline-flex}}@media (max-width:640px){.blog-wrap{padding:32px 16px 80px}.b-art-cta{padding:24px 20px}}
