@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-display: "Barlow Condensed", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--space-2xl: 128px;--ease: cubic-bezier(.4, 0, .2, 1);--electric: #ffffff}:root,[data-theme=dark]{--bg-primary: #0c0c0c;--bg-secondary: #141414;--bg-tertiary: #282828;--text-primary: #f0f0f0;--text-secondary: #e0ddd8;--text-muted: #b0b0b0;--text-faint: #525252;--border: #262626;--border-light: #1a1a1a;--glow-blue: rgba(180, 200, 255, .15);--selection-bg: #d4c4a8;--selection-text: #0c0c0c;--code-bg: #1a1a1a;--grain-opacity: .02}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #e8e8e8;--bg-tertiary: #d4d4d4;--text-primary: #0c0c0c;--text-secondary: #262626;--text-muted: #525252;--text-faint: #a3a3a3;--border: #d4d4d4;--border-light: #e8e8e8;--glow-blue: rgba(100, 120, 180, .15);--selection-bg: #262626;--selection-text: #f5f5f5;--code-bg: #e8e8e8;--grain-opacity: .03;--electric: #000000}[data-theme=light] .wings-icon{filter:invert(1)}[data-theme=light] .hero-line:before{background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.3) 55%,transparent 70%,transparent 100%)}[data-theme=light] .hero-line:after{background:linear-gradient(90deg,transparent 0%,transparent 25%,rgba(80,100,140,.15) 40%,rgba(60,80,120,.25) 50%,rgba(80,100,140,.15) 60%,transparent 75%,transparent 100%)}[data-theme=light] .article-body tbody tr:hover{background:#00000008}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1.0625rem;font-weight:400;line-height:1.75;color:var(--text-secondary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--grain-opacity);pointer-events:none;z-index:9999}::selection{background:var(--selection-bg);color:var(--selection-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;color:var(--text-primary);text-transform:uppercase;letter-spacing:-.02em}h1{font-size:clamp(3rem,10vw,6rem)}h2{font-size:clamp(2rem,5vw,3rem);font-weight:600}h3{font-size:1.25rem;font-weight:600;letter-spacing:0}p{margin-bottom:1.5em}a{color:inherit;text-decoration:none}header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 var(--space-lg);border-bottom:1px solid transparent;transition:all .3s var(--ease);pointer-events:auto}header *{pointer-events:auto}header.scrolled{background:color-mix(in srgb,var(--bg-primary) 95%,transparent);backdrop-filter:blur(10px);border-bottom-color:var(--border)}.header-inner{max-width:1200px;margin:0 auto;padding:var(--space-md) 0;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;display:flex;gap:.5ch;position:relative;z-index:10;text-decoration:none}.logo:hover{color:var(--text-primary);opacity:.8}.logo .tech{font-weight:400;color:var(--text-muted)}nav{display:flex;gap:var(--space-xl)}nav a{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);position:relative;transition:color .2s var(--ease)}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--text-primary);transition:width .3s var(--ease)}nav a:hover{color:var(--text-primary)}nav a:hover:after{width:100%}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl) var(--space-lg);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px);pointer-events:none}.hero-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-grid:before{content:"";position:absolute;inset:-50%;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.5;animation:gridPan 25s linear infinite}.hero-line{position:absolute;height:1px;left:0;right:0;opacity:0;overflow:visible}.hero-line:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.4) 55%,transparent 70%,transparent 100%);animation:beamMove 4s ease-in-out infinite}.hero-line:after{content:"";position:absolute;inset:-8px 0;background:linear-gradient(90deg,transparent 0%,transparent 25%,var(--glow-blue) 40%,rgba(200,220,255,.2) 50%,var(--glow-blue) 60%,transparent 75%,transparent 100%);filter:blur(6px);animation:beamMove 4s ease-in-out infinite}.hero-line:nth-child(2){top:18%;animation:dataFlow 8s ease-in-out infinite}.hero-line:nth-child(2):before,.hero-line:nth-child(2):after{animation-delay:0s}.hero-line:nth-child(3){top:52%;animation:dataFlow 8s ease-in-out 2.5s infinite}.hero-line:nth-child(3):before,.hero-line:nth-child(3):after{animation-delay:.5s}.hero-line:nth-child(4){top:78%;animation:dataFlow 8s ease-in-out 5s infinite}.hero-line:nth-child(4):before,.hero-line:nth-child(4):after{animation-delay:1s}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:20px 20px;opacity:.15;pointer-events:none}.hero-fade{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,transparent 0%,transparent 50%,color-mix(in srgb,var(--bg-primary) 40%,transparent) 80%,color-mix(in srgb,var(--bg-primary) 80%,transparent) 100%);pointer-events:none}.hero-content{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1}.hero-content h1,.hero-content p{max-width:700px}.hero-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-faint);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.hero-tag:before{content:"";width:40px;height:1px;background:var(--text-faint)}.hero h1{margin-bottom:var(--space-lg)}.hero h1 .highlight{color:var(--text-muted);font-weight:400}.hero p{font-size:1.125rem;color:var(--text-muted);max-width:500px;margin:0}section{padding:var(--space-lg) var(--space-lg) var(--space-2xl);position:relative}.container{max-width:1200px;margin:0 auto}.section-header{margin-bottom:var(--space-xl)}.section-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-faint);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.section-tag:before{content:"_";color:var(--text-faint)}.section-header h2{color:var(--text-primary)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-lg)}.article-card{display:flex;flex-direction:column;padding:var(--space-lg);border:1px solid var(--border);transition:all .3s var(--ease);position:relative;background:var(--bg-primary)}.article-card:before{content:"";position:absolute;inset:0;border:1px solid var(--text-primary);opacity:0;transition:opacity .3s var(--ease)}.article-card:hover{border-color:transparent}.article-card:hover:before{opacity:1}.article-category{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:var(--space-md)}.article-category:before{content:"_"}.article-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.2;transition:color .2s var(--ease)}.article-card:hover .article-title{color:var(--text-secondary)}.article-excerpt{font-size:.9375rem;color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-lg);flex-grow:1}.article-meta{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.article-page main{padding-top:0}.article-hero-bg{position:absolute;top:0;left:0;right:0;height:60vh;overflow:hidden;pointer-events:none}.article-page article{position:relative}.article-header{min-height:60vh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-2xl) var(--space-lg);padding-top:calc(var(--space-2xl) + 80px);max-width:1200px;margin:0 auto;position:relative;z-index:1}.article-header:after{content:"";position:absolute;bottom:0;left:var(--space-lg);right:var(--space-lg);height:1px;background:var(--border)}.article-header .article-category{margin-bottom:var(--space-md)}.article-header h1{font-size:clamp(1.75rem,5vw,3.5rem);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-lg);max-width:900px}.article-header .article-meta{font-size:.75rem;padding-bottom:var(--space-lg)}.article-author a{color:var(--text-muted);text-decoration:none;position:relative;transition:color .2s var(--ease)}.article-author a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text-primary);transition:width .3s var(--ease)}.article-author a:hover{color:var(--text-primary)}.article-author a:hover:after{width:100%}.meta-separator{margin:0 .25em}.article-body{max-width:700px;flex:1;min-width:0;padding:var(--space-xl) 0;font-size:1.125rem;line-height:1.85}.article-body h2{font-size:clamp(1.5rem,3vw + .5rem,1.875rem);margin-top:clamp(2rem,4vw,3rem);margin-bottom:1.25rem;text-transform:none;letter-spacing:0;padding-top:1.5rem;border-top:1px solid var(--border);scroll-margin-top:100px;position:relative}.article-body h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.article-body h3{font-size:clamp(1.125rem,2vw + .5rem,1.375rem);margin-top:clamp(1.75rem,3vw,2.5rem);margin-bottom:1rem;text-transform:none;scroll-margin-top:100px;position:relative}.article-body h4{font-size:clamp(1rem,1.5vw + .5rem,1.125rem);margin-top:clamp(1.25rem,2vw,2rem);margin-bottom:.75rem;font-weight:600;scroll-margin-top:100px;position:relative}.article-body p{font-size:clamp(1rem,1vw + .5rem,1.0625rem);line-height:1.8;color:var(--text-secondary)}.article-body ul,.article-body ol{margin-bottom:1.5em;padding-left:1.5em;color:var(--text-secondary)}.article-body li{margin-bottom:.5em}.article-body strong{font-weight:500;color:var(--text-primary)}.article-body a:not(.share-link){color:var(--text-primary);text-decoration:none;position:relative;transition:color .2s var(--ease)}.article-body a:not(.share-link):after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--text-faint);transition:background .2s var(--ease)}.article-body a:not(.share-link):hover:after{background:var(--text-primary)}.article-body code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);padding:.2em .4em;border:1px solid var(--border)}.article-body pre{background:var(--code-bg);border:1px solid var(--border);padding:var(--space-lg);overflow-x:auto;margin-bottom:1.5em}.article-body hr{border:none;height:1px;background:var(--border);margin:var(--space-xl) 0;opacity:.5}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.5em}.article-body table{width:100%;border-collapse:collapse;font-size:.9375rem}.table-wrapper table{margin-bottom:0}.article-body thead{border-bottom:2px solid var(--border)}.article-body th{font-weight:600;text-align:left;padding:var(--space-sm) var(--space-md);color:var(--text-primary)}.article-body td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);color:var(--text-secondary)}.article-body tr:last-child td{border-bottom:none}.article-body tbody tr:hover{background:#ffffff05}.article-body img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border);margin:var(--space-lg) 0;display:block}.article-body p>img{margin:var(--space-xl) auto;max-width:min(600px,100%)}.article-body img+img{margin-top:var(--space-md)}.article-body pre code{background:none;padding:0;border:none;font-size:.875rem}.article-body blockquote{border-left:2px solid var(--text-faint);padding-left:var(--space-lg);color:var(--text-muted);margin:var(--space-xl) 0;font-style:italic;position:relative}.article-body blockquote p:last-child{margin-bottom:0}footer{border-top:1px solid var(--border);padding:var(--space-xl) var(--space-lg)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.footer-logo .tech{font-weight:400;color:var(--text-faint)}.footer-brand{display:flex;align-items:center;gap:var(--space-md)}.footer-separator{color:var(--text-faint);font-weight:300}.footer-links{display:flex;gap:var(--space-xl)}.footer-links a{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);transition:color .2s var(--ease)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:var(--space-lg) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--border);text-align:center}.footer-bottom p{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin:0}.footer-credit{margin-top:var(--space-sm)!important}.footer-credit a{color:var(--text-faint);text-decoration:none;position:relative;transition:color .2s var(--ease)}.footer-credit a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text-muted);transition:width .3s var(--ease)}.footer-credit a:hover{color:var(--text-muted)}.footer-credit a:hover:after{width:100%}.article-layout{display:flex;max-width:1100px;margin:0 auto;padding:0 var(--space-lg);gap:var(--space-xl)}.toc-sidebar{position:sticky;top:120px;width:200px;max-height:calc(100vh - 160px);overflow-y:auto;flex-shrink:0;padding-top:var(--space-xl)}.toc-title{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:var(--space-md)}.toc-nav{display:flex;flex-direction:column;gap:2px}.toc-link{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-decoration:none;padding:var(--space-xs) 0;padding-left:var(--space-md);border-left:2px solid transparent;transition:all .2s var(--ease);line-height:1.4;position:relative}.toc-link[data-level=h3]{padding-left:var(--space-lg);font-size:.6875rem}.toc-link[data-level=h4]{padding-left:calc(var(--space-lg) + var(--space-md));font-size:.625rem}.toc-link:hover{color:var(--text-primary)}.toc-link.active,.toc-link.active:hover{color:var(--text-primary);border-left-color:var(--electric);border-left-width:2px;box-shadow:-4px 0 8px -4px var(--electric);cursor:default;pointer-events:none}.timeline{position:relative;padding-left:2rem;margin:2rem 0}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-2rem;top:.5rem;width:10px;height:10px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--electric);transform:translate(-4px)}.timeline-date{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--electric);margin-bottom:.5rem;font-weight:600}.timeline-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.02em}.timeline-content{color:var(--text-secondary);font-size:1rem;line-height:1.7}.timeline-content p{margin-bottom:1rem}.timeline-content p:last-child{margin-bottom:0}.timeline-content ul{margin:1rem 0;padding-left:1.25rem}.timeline-content li{margin-bottom:.5rem}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--electric);transform:scaleX(0);transform-origin:left;z-index:1001}.back-to-top{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s var(--ease);z-index:100;display:flex;align-items:center;justify-content:center}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--electric)}@media(max-width:768px){header{padding:0 var(--space-md)}.header-inner{padding:var(--space-md) 0}nav{display:none}.hero{min-height:70vh;padding:var(--space-xl) var(--space-md)}.hero:after{display:none}section{padding:var(--space-xl) var(--space-md)}.articles-grid{grid-template-columns:1fr;gap:var(--space-md)}.article-card{padding:var(--space-md)}.article-hero-bg{height:50vh}.article-header{min-height:50vh;padding:var(--space-xl) var(--space-md);padding-top:calc(var(--space-xl) + 80px)}.article-header:after{left:var(--space-md);right:var(--space-md)}.article-layout{flex-direction:column;padding:0 var(--space-md)}.toc-sidebar{display:none}.article-body{padding:var(--space-lg) 0}footer{padding:var(--space-lg) var(--space-md)}.footer-inner{flex-direction:column;gap:var(--space-lg);text-align:center}.footer-brand{width:100%;justify-content:space-between}.footer-separator{display:none}.footer-links{flex-wrap:wrap;justify-content:center;gap:var(--space-lg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gridPan{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes dataFlow{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes beamMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-content{animation:slideUp .8s var(--ease) both}.hero-tag{animation:slideUp .8s var(--ease) .1s both}.hero h1{animation:slideUp .8s var(--ease) .2s both}.hero p{animation:slideUp .8s var(--ease) .3s both}.article-card{animation:fadeIn .6s var(--ease) both}.article-card:nth-child(1){animation-delay:.1s}.article-card:nth-child(2){animation-delay:.15s}.article-card:nth-child(3){animation-delay:.2s}.article-card:nth-child(4){animation-delay:.25s}.article-card:nth-child(5){animation-delay:.3s}.article-card:nth-child(6){animation-delay:.35s}.article-header .article-category{animation:slideUp .6s var(--ease) both}.article-header h1{animation:slideUp .6s var(--ease) .1s both}.article-header .article-meta{animation:slideUp .6s var(--ease) .2s both}.article-body{animation:fadeIn .6s var(--ease) .3s both}.article-link,.article-image,.footer-wings{text-align:center;margin-bottom:var(--space-md)}.wings-icon{height:32px;width:auto;opacity:.3;transition:opacity .3s ease}.wings-icon:hover{opacity:.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.lang-switcher[data-astro-cid-a2mxz4y6]{display:flex;gap:var(--space-sm)}.lang-link[data-astro-cid-a2mxz4y6]{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;color:var(--gray-600);padding:var(--space-xs) var(--space-sm);border:1px solid transparent;transition:all .2s ease}.lang-link[data-astro-cid-a2mxz4y6]:hover{color:var(--white)}.lang-link[data-astro-cid-a2mxz4y6].active{color:var(--white);border-color:var(--gray-600)}.theme-toggle[data-astro-cid-x3pjskd3]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}.theme-toggle[data-astro-cid-x3pjskd3]:hover{color:var(--text-primary);border-color:var(--text-faint)}.icon-sun[data-astro-cid-x3pjskd3]{display:none}.icon-moon[data-astro-cid-x3pjskd3],[data-theme=light] .icon-sun[data-astro-cid-x3pjskd3]{display:block}[data-theme=light] .icon-moon[data-astro-cid-x3pjskd3]{display:none}.header-right[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-xl)}