body:before{content:"";z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}#nav{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background-color:#ffffffe6;justify-content:center;padding:16px 24px;display:flex;position:relative;top:0}#nav nav{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1140px;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:6px;text-decoration:none;display:flex}.nav-mark{color:var(--coral-red);font-size:1.2rem;font-weight:900}.nav-name{font-family:var(--font-serif);color:#0d0d0d;letter-spacing:-.03em;font-size:1.25rem;font-weight:900}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--text-secondary);border-radius:9999px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .25s;position:relative}.nav-links a:hover{color:#0d0d0d}.nav-links a:after{content:"";background-color:var(--coral-red);transform-origin:50%;border-radius:999px;width:16px;height:2.5px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(0)}.nav-links a.active{color:#0d0d0d;font-weight:700}.nav-links a.active:after{transform:translate(-50%)scaleX(1)}.nav-auth{align-items:center;gap:16px;display:flex}.nav-signin{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-signin:hover{color:#0d0d0d}.nav-cta{color:#fff;background:#0d0d0d;border-radius:9999px;padding:10px 22px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.nav-cta:hover{background:#212529;transform:translateY(-1px)}.reading-progress-container{pointer-events:none;background-color:#0000;width:100%;height:2.5px;display:none;position:absolute;bottom:0;left:0;overflow:hidden}.reading-progress-container.active{display:block}.reading-progress-bar{background-color:var(--coral-red);width:0%;height:100%;transition:width .1s ease-out;box-shadow:0 0 8px #f25c5499}.announcement-banner{background-color:var(--coral-red);color:#fff;text-align:center;font-size:.78rem;font-weight:700;font-family:var(--font-sans);letter-spacing:.02em;padding:10px 24px}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:48px;display:grid}.blog-hero{border-bottom:1px solid var(--border);background:linear-gradient(#fff 0%,#fbfbfa 100%);padding:80px 0;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#0d0d0d04 1px,#0000 1px),linear-gradient(90deg,#0d0d0d04 1px,#0000 1px);background-position:top;background-size:40px 40px;position:absolute;inset:0;mask-image:radial-gradient(#000 40%,#0000 80%)}.hero-text-col{flex-direction:column;grid-column:span 7;align-items:flex-start;display:flex}.hero-visual-col{grid-column:span 5}.featured-badge{font-family:var(--font-mono);color:var(--coral-red);letter-spacing:.1em;background:#f25c5414;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.65rem;font-weight:800;display:inline-flex}.pulse-dot{background-color:var(--coral-red);border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(.9)}}.hero-title{font-family:var(--font-serif);letter-spacing:-.025em;color:#0d0d0d;margin-top:0;margin-bottom:18px;font-size:clamp(2rem,4vw,2.9rem);font-weight:800;line-height:1.15}.hero-excerpt{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem;line-height:1.65}.author-block{align-items:center;gap:12px;margin-bottom:32px;display:flex}.avatar-circle{color:#fff;width:44px;height:44px;font-family:var(--font-sans);background:linear-gradient(135deg,#f25c54 0%,#f4a261 100%);border-radius:50%;justify-content:center;align-items:center;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 4px 12px #f25c5426}.author-meta{flex-direction:column;line-height:1.4;display:flex}.author-meta strong{color:#0d0d0d;font-size:.88rem}.author-meta span{color:var(--text-tertiary);font-size:.78rem}.primary-hero-btn{color:#fff;cursor:pointer;background:#0d0d0d;border:none;border-radius:9999px;align-items:center;gap:8px;padding:14px 28px;font-size:.88rem;font-weight:700;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 30px #0000001a}.primary-hero-btn:hover{background-color:#212529;transform:translateY(-2px);box-shadow:0 12px 35px #00000026}.primary-hero-btn .arrow{transition:transform .2s}.primary-hero-btn:hover .arrow{transform:translate(3px)}.console-wrapper{background:#0a0a0c;border:1px solid #ffffff14;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px #0000000d,0 25px 60px #00000059}.console-header{background:#111113;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.console-title{font-family:var(--font-mono);color:#fff6;font-size:.7rem}.console-body{font-family:var(--font-mono);padding:24px;font-size:.72rem;line-height:1.8;overflow-x:auto}.c-line{color:#e1e1e6;white-space:pre;display:block}.c-keyword{color:#f472b6}.c-string{color:#34d399}.c-comment{color:#ffffff4d}.c-func{color:#60a5fa}.c-number{color:#fbbf24}.blog-main{background-color:var(--bg-base);padding:100px 0 120px}.page-container{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.section-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--coral-red);align-items:center;gap:8px;margin-bottom:12px;font-size:.72rem;font-weight:700;display:flex}.index-heading{font-family:var(--font-serif);letter-spacing:-.02em;color:#0d0d0d;margin-top:0;margin-bottom:0;font-size:2.1rem;font-weight:800}.filter-wrapper{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;padding-bottom:24px;display:flex}.filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;outline:none;padding:8px 18px;font-size:.82rem;font-weight:600;transition:color .25s,background-color .25s}.filter-btn:hover{color:#0d0d0d}.filter-btn.active{background-color:var(--coral-glow);color:var(--coral-red)}.blog-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;display:grid}.blog-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;grid-column:span 6;padding:36px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s;display:flex;box-shadow:0 4px 6px #00000003,0 20px 40px #00000005}.blog-card:hover{border-color:var(--coral-red);transform:translateY(-4px);box-shadow:0 4px 6px #00000003,0 25px 60px #f25c540f,0 50px 100px #f25c5408}.blog-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.blog-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:4px 10px;font-size:.62rem;font-weight:700}.badge-engineering{color:var(--coral-red);background:#f25c5414}.badge-infra{color:var(--warm-orange);background:#f4a26114}.badge-product{color:#059669;background:#34d39914}.blog-date{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.68rem}.blog-card-title{font-family:var(--font-serif);color:#0d0d0d;margin-top:0;margin-bottom:12px;font-size:1.45rem;font-weight:800;line-height:1.35}.blog-card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:28px;font-size:.9rem;line-height:1.6}.blog-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.blog-read-time{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.68rem;font-weight:700}.read-more-btn{font-family:var(--font-sans);color:var(--coral-red);cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem;font-weight:700;transition:transform .25s,color .25s}.read-more-btn:hover{color:#0d0d0d;transform:translate(4px)}.view-container{opacity:0;transition:opacity .4s ease-in-out;display:none}.view-container.active{opacity:1;display:block}.reader-header-bg{border-bottom:1px solid var(--border);background:linear-gradient(#fbfbfa 0%,#fff 100%);padding:48px 0 24px;position:relative}.reader-header-bg:before{content:"";pointer-events:none;background-image:linear-gradient(#0d0d0d04 1px,#0000 1px),linear-gradient(90deg,#0d0d0d04 1px,#0000 1px);background-position:top;background-size:40px 40px;position:absolute;inset:0;mask-image:radial-gradient(#000 40%,#0000 80%)}.back-to-list-btn{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;border:none;border:1px solid var(--border);background:0 0;border-radius:999px;outline:none;align-items:center;gap:6px;margin-bottom:24px;padding:4px 10px;font-size:.82rem;font-weight:700;transition:background-color .2s,color .2s;display:flex}.back-to-list-btn:hover{color:#0d0d0d;background-color:#fff}.back-to-list-btn .arrow{transition:transform .2s}.back-to-list-btn:hover .arrow{transform:translate(-3px)}.reader-header-meta{align-items:center;gap:12px;margin-bottom:12px;display:flex}.reader-main-title{font-family:var(--font-serif);letter-spacing:-.035em;color:#0d0d0d;max-width:900px;margin:0;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.1}.article-grid-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;padding:32px 24px;display:grid}.article-body-text{font-family:var(--font-sans);color:#212529;grid-column:span 9;width:100%;max-width:800px;font-size:1.05rem;line-height:1.8}.article-sidebar{grid-column:span 3}.sticky-sidebar{position:sticky;top:100px}.article-body-text p{margin-bottom:24px}.article-body-text h3{font-family:var(--font-serif);letter-spacing:-.02em;color:#0d0d0d;margin-top:48px;margin-bottom:16px;font-size:1.6rem;font-weight:800}.article-body-text strong{color:#0d0d0d}.article-body-text blockquote{border-left:3px solid var(--coral-red);color:var(--text-secondary);margin:32px 0;padding-left:20px;font-style:italic}.article-body-text pre{font-family:var(--font-mono);color:#e1e1e6;background:#0a0a0c;border:1px solid #ffffff14;border-radius:12px;margin:32px 0;padding:20px;font-size:.76rem;line-height:1.7;overflow-x:auto}.sidebar-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.sidebar-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin-top:0;margin-bottom:14px;font-size:.65rem}.toc-links{flex-direction:column;gap:12px;display:flex}.toc-link{color:var(--text-secondary);cursor:pointer;border-left:2px solid #0000;padding-left:0;font-size:.82rem;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s,padding-left .2s,border-left-color .2s}.toc-link:hover{color:var(--coral-red);padding-left:6px}.toc-link.active{color:var(--coral-red);border-left-color:var(--coral-red);padding-left:8px;font-weight:700}.share-links{flex-direction:column;gap:12px;display:flex}.share-btn,.share-link-a{text-align:left;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;justify-content:flex-start;align-items:center;margin:0;padding:0;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.share-btn:hover,.share-link-a:hover{color:var(--coral-red);transform:translate(4px)}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:24px 0}.sidebar-desc{color:var(--text-secondary);margin-bottom:18px;font-size:.85rem;line-height:1.5}.sidebar-cta-btn{color:#fff;text-align:center;background:#0d0d0d;border-radius:999px;justify-content:center;padding:10px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.sidebar-cta-btn:hover{background-color:#212529}.read-next-section{background:var(--bg-elevated);border-top:1px solid var(--border);padding:80px 0 100px}.read-next-title{font-family:var(--font-serif);color:#0d0d0d;letter-spacing:-.02em;margin-top:0;margin-bottom:40px;font-size:1.85rem;font-weight:800}.rec-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.rec-card-thumb{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:140px;display:flex;position:relative;overflow:hidden}.rec-card-thumb-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;z-index:1;font-size:.65rem;font-weight:700;position:relative}.rec-card-thumb-lines{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.rec-card-body{flex-direction:column;flex:1;padding:24px 28px;display:flex}.rec-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.rec-card-title{font-family:var(--font-serif);color:#0d0d0d;margin-top:0;margin-bottom:10px;font-size:1.15rem;font-weight:800;line-height:1.35}.rec-card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:.88rem;line-height:1.6}.rec-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.rec-author-block{align-items:center;gap:10px;display:flex}.rec-avatar{color:#fff;width:30px;height:30px;font-family:var(--font-sans);background:linear-gradient(135deg,#f25c54 0%,#f4a261 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.rec-author-info{flex-direction:column;line-height:1.3;display:flex}.rec-author-name{color:#0d0d0d;font-size:.78rem;font-weight:700}.rec-read-time{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.62rem}.rec-read-btn{font-family:var(--font-sans);color:var(--coral-red);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:.82rem;font-weight:700;transition:transform .25s,color .25s}.rec-read-btn:hover{color:#0d0d0d;transform:translate(4px)}.blog-card.rec-card:hover{border-color:#f25c5459;transform:translateY(-5px);box-shadow:0 4px 6px #00000003,0 20px 50px #f25c5417,0 0 0 1px #f25c541a}#footer{border-top:1px solid var(--border);background-color:var(--bg-elevated);padding:44px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{flex-direction:column;gap:8px;display:flex}.footer-copy{font-family:var(--font-mono);color:var(--text-tertiary);margin:0;font-size:.68rem}.footer-links{flex-wrap:wrap;gap:32px;display:flex}.footer-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.72rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#0d0d0d}.reveal-up{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal-up.active{opacity:1;transform:translateY(0)}@media (width<=900px){.hero-text-col{grid-column:span 12}.hero-visual-col{grid-column:span 12;margin-top:40px}.article-body-text{grid-column:span 12}.article-sidebar{grid-column:span 12;margin-top:40px}}@media (width<=768px){.blog-card{grid-column:span 12!important}}