:root{color-scheme:dark;--background: #0c1324;--surface-container-lowest: #070d1f;--surface-container-low: #151b2d;--surface-container: #191f31;--surface-container-high: #23293c;--surface-container-highest: #2e3447;--on-surface: #dce1fb;--on-surface-variant: #b9cacb;--cyber-cyan: #00f0ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:var(--background);background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px;color:var(--on-surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.font-body,body{font-family:Inter,sans-serif}.font-headline,.headline-xl,.section-header{font-family:Space Grotesk,sans-serif}.font-mono,.section-kicker,.nav-link,.tech-badge,.button-cyber,.icon-button{font-family:JetBrains Mono,monospace}.text-cyber-cyan{color:var(--cyber-cyan)}.bg-cyber-cyan{background-color:var(--cyber-cyan)}.border-cyber-cyan{border-color:var(--cyber-cyan)}a{color:inherit}img{max-width:100%;height:auto}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.scanline{position:fixed;right:0;bottom:100%;left:0;z-index:60;width:100%;height:100px;background:linear-gradient(0deg,#00f0ff00,#00f0ff0d,#00f0ff00);opacity:.1;animation:scanline 10s linear infinite}@keyframes scanline{0%{bottom:100%}to{bottom:-100px}}.nav-link{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.16em;color:var(--on-surface-variant);text-decoration:none;text-transform:uppercase;transition:color .18s ease,text-shadow .18s ease}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{color:var(--cyber-cyan)}.nav-link:focus-visible,.footer-link:focus-visible,.button-cyber:focus-visible,.icon-button:focus-visible{outline:2px solid var(--cyber-cyan);outline-offset:4px}.theme-indicator{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);color:var(--on-surface-variant)}.footer-link{color:var(--on-surface-variant);text-decoration:none;transition:color .18s ease}.footer-link:hover,.footer-link:focus-visible{color:var(--cyber-cyan)}.cyber-border{position:relative;border:1px solid rgba(0,240,255,.2)}.cyber-border:before,.cyber-border:after{position:absolute;width:10px;height:10px;content:"";pointer-events:none;transition:width .18s ease,height .18s ease,border-color .18s ease}.cyber-border:before{top:-1px;left:-1px;border-top:2px solid var(--cyber-cyan);border-left:2px solid var(--cyber-cyan)}.cyber-border:after{right:-1px;bottom:-1px;border-right:2px solid var(--cyber-cyan);border-bottom:2px solid var(--cyber-cyan)}.cyber-border:hover:before,.cyber-border:hover:after,.group:hover .cyber-border:before,.group:hover .cyber-border:after{width:16px;height:16px}.tech-badge{display:inline-flex;align-items:center;border:1px solid rgba(0,240,255,.3);background:#00f0ff1a;padding:2px 8px;color:var(--cyber-cyan);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;line-height:1.25rem}.button-cyber{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 2rem;background:var(--cyber-cyan);color:var(--background);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:700;letter-spacing:.16em;line-height:1;text-decoration:none;text-transform:uppercase;box-shadow:0 0 20px #00f0ff4d;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.button-cyber:hover{background:#fff;box-shadow:0 0 30px #00f0ff80}.button-cyber.secondary{border:1px solid rgba(0,240,255,.5);background:transparent;color:var(--cyber-cyan);box-shadow:none}.button-cyber.secondary:hover{background:#00f0ff1a;color:#fff}.icon-button{display:inline-flex;width:3rem;height:3rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);color:var(--on-surface-variant);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;font-weight:700;text-decoration:none;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.icon-button:hover{border-color:var(--cyber-cyan);color:var(--cyber-cyan)}.pixel-art{image-rendering:pixelated}.section-kicker{margin-bottom:1rem;color:var(--cyber-cyan);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase}.timeline-item{position:relative;padding-left:2rem;border-left:1px solid rgba(255,255,255,.1);transition:border-color .18s ease}.timeline-item:before{position:absolute;top:.65rem;left:-5px;width:.5rem;height:.5rem;border:1px solid rgba(255,255,255,.2);background:var(--background);content:"";transition:border-color .18s ease,background-color .18s ease}.timeline-item:hover{border-left-color:var(--cyber-cyan)}.timeline-item:hover:before{border-color:var(--cyber-cyan);background:var(--cyber-cyan)}.article-prose{color:var(--on-surface-variant)}.article-prose h2,.article-prose h3{margin-top:3rem;margin-bottom:1rem;color:#fff;font-family:Space Grotesk,ui-sans-serif,system-ui;font-weight:700;line-height:1.25}.article-prose h2{font-size:clamp(1.6rem,3vw,2.2rem)}.article-prose h3{font-size:clamp(1.25rem,2vw,1.6rem)}.article-prose p,.article-prose ul,.article-prose ol,.article-prose blockquote{margin-top:1.25rem}.article-prose ul,.article-prose ol{padding-left:1.5rem}.article-prose ul{list-style:disc}.article-prose ol{list-style:decimal}.article-prose li+li{margin-top:.5rem}.article-prose a{color:var(--cyber-cyan);text-underline-offset:.25em;text-decoration-color:#00f0ff59}.article-prose strong{color:#fff}.article-prose code{border:1px solid rgba(0,240,255,.2);background:#00f0ff14;padding:.1rem .35rem;color:var(--cyber-cyan);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.article-prose img{display:block;width:100%;height:auto;margin:2rem 0;border:1px solid rgba(0,240,255,.2);border-radius:.5rem;background:#060f1dd9}@media(max-width:767px){.scanline{display:none}.site-nav{width:100%;justify-content:flex-start;gap:1rem}.site-nav .nav-link{display:inline-flex;min-height:2.25rem;align-items:center}.button-cyber{width:100%}.site-header .font-headline{max-width:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}