.cosmetic-text[data-astro-cid-ynlyxnar]:before{content:var(--cosmetic-text)}.language-switch{align-items:center;gap:.5rem;font-size:.75rem;display:flex;& a{color:inherit;opacity:.7;text-decoration:none;transition:opacity .2s;&:hover{opacity:1}&.active{opacity:1;font-weight:700}}& .separator{opacity:.5}}.neon-glow-button{border:1px solid var(--border-color);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow-shadow);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.75rem;text-decoration:none;transition:all .3s;display:inline-flex;background-color:var(--bg-color)!important;color:var(--text-color)!important}.neon-glow-button:hover{border:1px solid var(--border-color-hover);box-shadow:var(--glow-shadow-hover);background-color:var(--bg-color-hover)!important;color:var(--text-color-hover)!important}.scanline-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:absolute;inset:0;&.fixed{position:fixed}}.nav{z-index:100;height:var(--nav-height);backdrop-filter:blur(3px);padding:var(--padding-y) var(--padding-x);border-bottom:1px solid var(--border);background:#0d0b08b3;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;& .nav-logo{align-items:center;gap:1rem;display:flex}& .nav-logo-icon{width:2.5rem;height:2.5rem;& svg{filter:var(--neon-strong-filter)}}& .nav-logo-text{font-family:var(--header-font);letter-spacing:.15em;color:var(--amber);text-shadow:var(--neon-medium);margin-top:.25rem;font-size:1.25rem}& .nav-links{gap:2.5rem;list-style:none;display:flex;& a{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;text-decoration:none;transition:all .3s;&:hover{color:var(--amber);text-shadow:var(--neon-soft)}}}& .contact-button{display:block}& .nav-hamburger{cursor:pointer;z-index:101;background:0 0;border:none;width:2.5rem;height:2.5rem;padding:.5rem;display:none;position:relative;& svg{filter:var(--neon-strong-filter);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& .close-icon,&.active .hamburger-icon{opacity:0}&.active .close-icon{opacity:1}}}.mobile-menu{background:color-mix(in srgb, var(--bg-dark) 60%, transparent);backdrop-filter:blur(10px);z-index:99;border-left:1px solid var(--border);flex-direction:column;padding:3rem 0;transition:transform .7s ease-out;display:flex;position:fixed;inset:4.5rem 0 0;transform:translate(100%);&.active{transform:translate(0)}& .mobile-menu-links{flex-direction:column;gap:2rem;margin-bottom:3rem;padding:0 1.5rem;list-style:none;display:flex;& a{color:var(--amber);letter-spacing:.15em;text-transform:uppercase;font-size:1.125rem;text-decoration:none;transition:all .3s;display:block;&:hover{color:var(--amber-bright);text-shadow:var(--neon-medium)}}}& .mobile-menu-lang{margin-top:auto;padding-top:2rem;position:relative;&:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);height:3px;box-shadow:var(--neon-soft);position:absolute;top:0;left:0;right:0}& .language-switch{padding:0 1.5rem}}}.nav .nav-links,.mobile-menu-links{& .muted{color:var(--text-dim);margin-right:0;font-size:.625rem}}@media (width<=1024px){.nav{padding:1rem 1.5rem;& .nav-links,& .nav-desktop-lang,& .contact-button{display:none}& .nav-hamburger{display:flex}}.mobile-menu-links{display:block}}.footer{--brand-size:1.5rem;padding:5rem var(--padding-x);border-top:1px solid var(--border);background-color:var(--bg-deep);position:relative;&:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);height:1px;box-shadow:var(--neon-soft);position:absolute;top:0;left:0;right:0}& .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3.75rem;margin-bottom:3.75rem;display:grid;@media (width<=1024px){grid-template-columns:1fr 1fr;gap:2.5rem}@media (width<=768px){grid-template-columns:1fr}& .footer-brand{font-family:var(--header-font);font-size:var(--brand-size);color:var(--amber);text-shadow:var(--neon-strong);align-items:center;gap:1rem;margin-bottom:1rem;line-height:1;display:flex}& .footer-tagline{color:var(--text-muted);font-size:1rem;line-height:1.6}& .footer-col-title{letter-spacing:.15em;text-transform:uppercase;color:var(--amber);text-shadow:var(--neon-soft);margin-bottom:1.5rem;font-size:.75rem}& .footer-links-container{gap:2rem;display:flex;@media (width<=768px){flex-direction:column;gap:1rem}}& .footer-links{list-style:none;& li{margin-bottom:1rem}& a{color:var(--text-dim);font-size:.875rem;text-decoration:none;transition:all .3s;&:hover{color:var(--amber);text-shadow:var(--neon-soft)}}}& .footer-logo-icon{width:var(--brand-size);height:var(--brand-size);align-items:center;display:flex;& svg{width:100%;height:100%;filter:var(--neon-strong-filter);display:block}@media (width<=768px){display:none}}& .footer-brand>span{transform:translateY(.05em)}}& .footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:2.5rem;font-size:.75rem;display:flex;@media (width<=768px){text-align:center;flex-direction:column;gap:1rem}& a{color:var(--text-medium);text-decoration:none}& em{color:var(--amber-dim);text-shadow:var(--neon-soft);font-style:normal}}}#reading-progress-bar{z-index:10000;pointer-events:none;width:0%;transition:width 50ms linear;position:fixed;top:0;left:0}.code-card{background:var(--bg-medium);border:1px solid var(--border);margin:1.5rem 0;transition:all .3s;position:relative;overflow:hidden;&:hover{border-color:var(--amber-dim);box-shadow:var(--neon-medium)}&:before{content:"";background:linear-gradient(90deg, var(--amber), var(--amber-dark));height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 15px #ffb00066}& .code-header{--code-header-font:var(--text-font);--code-header-font-size:.625rem;--code-title-font:var(--header-font);--code-title-font-size:.625rem;--code-font:var(--text-font);border-bottom:1px solid var(--border);background:var(--bg-light);font-family:var(--code-header-font);font-size:var(--code-header-font-size);justify-content:space-between;align-items:center;padding:12px 20px;display:flex;& .code-title{font-family:var(--code-title-font);font-size:var(--code-title-font-size);color:var(--amber);text-shadow:var(--neon-soft)}& .code-lang{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}& .copy-button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-family:var(--code-header-font);font-size:var(--code-header-font-size);background:0 0;padding:2px 8px;transition:all .2s;&:hover{border-color:var(--amber-dim);color:var(--amber)}}}& pre.astro-code{font-family:var(--code-font);margin:0;padding:1.25rem;overflow-x:auto;background:var(--bg-medium)!important;& code{font-family:var(--code-font);background:0 0!important}&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background:var(--bg-medium)}&::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}&::-webkit-scrollbar-thumb:hover{background:var(--amber-dim)}}& .code-card:hover pre.astro-code{text-shadow:0 0 3px #ffb0001a}}.pattern-dots{background-image:radial-gradient(circle, var(--amber-faintest) .5px, transparent .5px);background-size:12px 12px}.pattern-dots-fading{isolation:isolate;--dot-size:1.5px;--dot-space:16px;--dot-bg:var(--bg-deep);--dot-bg-opaque:oklch(from var(--bg-deep) l c h / 50%);--dot-color:var(--amber-dim);--dot-offset:2px;position:relative;&:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) bottom var(--dot-offset) right var(--dot-offset) / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) bottom var(--dot-offset) right var(--dot-offset) / var(--dot-space) var(--dot-space), var(--dot-color);width:100%;height:100%;position:absolute;top:0;left:0}&&:after{content:"";z-index:-1;background:linear-gradient(159deg, var(--dot-bg) 0%, var(--dot-bg) 30%, var(--dot-bg-opaque) 100%);width:100%;height:100%;position:absolute;top:0;left:0}&:hover:before{background:linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size) - 1px), transparent 1%) bottom var(--dot-offset) right var(--dot-offset) / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size) - 1px), transparent 1%) bottom var(--dot-offset) right var(--dot-offset) / var(--dot-space) var(--dot-space), var(--amber-bright)}}.pattern-dots-dense{background:radial-gradient(circle, var(--amber-faintest) 1.5px, transparent 1.5px), var(--bg-deep);background-size:8px 8px}.pattern-lines{background:repeating-linear-gradient(45deg, var(--amber), var(--amber) 1px, transparent 1px, transparent 6px)}.pattern-crosshatch{background:repeating-linear-gradient(45deg, transparent, transparent 4px, var(--amber-dim) 4px, var(--amber-dim) 5px), repeating-linear-gradient(-45deg, transparent, transparent 4px, var(--amber-dim) 4px, var(--amber-dim) 5px)}.pattern-grid{background:linear-gradient(var(--amber-dim) 1px, transparent 1px), linear-gradient(90deg, var(--amber-dim) 1px, transparent 1px);background-size:20px 20px}.pattern-double-underline{border-bottom:2px solid var(--amber);position:relative;&&:after{content:"";border-bottom:2px solid var(--amber);width:100%;box-shadow:var(--neon-intense);display:block;position:absolute;bottom:4px}}.page-hero{height:calc(100dvh - var(--nav-height));flex-direction:column;justify-content:center;align-items:stretch;display:flex}*{box-sizing:border-box;margin:0;padding:0}:root{--amber:#ffb000;--amber-bright:#fc0;--amber-brightest:#ffdb70;--amber-dim:#c80;--amber-dark:#805500;--amber-muted:#a08060;--amber-faint:#6b5a4a;--amber-faintest:#6b5a4a9d;--amber-variable:#e0a030;--neon-soft:0 0 10px #ffb00080;--neon-soft-filter:drop-shadow(0 0 10px #ffb00080);--neon-medium:0 0 20px #ffb00066, 0 0 40px #ffb00033;--neon-medium-filter:drop-shadow(0 0 20px #ffb00066) drop-shadow(0 0 40px #ffb00033);--neon-strong:0 0 10px #ffb000cc, 0 0 30px #ffb00080, 0 0 60px #ffb0004d;--neon-strong-filter:drop-shadow(0 0 10px #ffb000cc) drop-shadow(0 0 30px #ffb00080) drop-shadow(0 0 60px #ffb0004d);--neon-intense:0 0 5px #ffb000, 0 0 15px #ffb000, 0 0 30px #ffb000cc, 0 0 60px #ffb00080, 0 0 100px #ffb0004d;--neon-intense-filter:drop-shadow(0 0 5px #ffb000) drop-shadow(0 0 15px #ffb000) drop-shadow(0 0 30px #ffb000cc) drop-shadow(0 0 60px #ffb00080) drop-shadow(0 0 100px #ffb0004d);--bg-deep:#0d0a08;--bg-dark:#1a1410;--bg-medium:#231c16;--bg-light:#2d241c;--text-bright:var(--amber-bright);--text-brightest:var(--amber-brightest);--text-amber:var(--amber);--text-reading:#fff4cc;--text-medium:#b8a070;--text-dim:#a08060;--text-muted:#6b5a4a;--border-color:#3d322a;--border-color-light:#4a3d32;--text-size-small:.9375rem;--text-size-base:1rem;--text-size-lg:1.125rem;--text-size-xl:1.25rem;--text-font:"IBM Plex Mono", monospace;--header-font:"Press Start 2P", monospace;--padding-x:3rem;--padding-y:1.5rem;--padding-bottom-lg:3rem;--block-text-width:720px;--section-grid-margin-top:3.75rem;--page-section-padding-y:6.25rem;--nav-height:6rem;--h1-margin-bottom:1.5rem;--h2-margin-bottom:1rem;--blog-sidebar-padding-top:2rem}html{font-size:var(--text-size-base);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--amber-dark) var(--bg-deep);line-height:2;@media (width<=768px){font-size:var(--text-size-small);line-height:1.9}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--amber-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--amber-dim)}body{background-color:var(--background-color);color:var(--text-medium);font-family:var(--text-font);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}img{max-width:100%}a{color:var(--amber);text-decoration:none;transition:color .3s,text-shadow .3s;&:hover{color:var(--amber-bright);text-shadow:var(--neon-medium)}}h1{font-family:var(--header-font);margin-bottom:var(--h1-margin-bottom);color:var(--text-amber);text-shadow:var(--neon-strong);font-size:clamp(1rem,2.5vw,2rem);line-height:1.8}h2{font-family:var(--header-font);margin-bottom:var(--h2-margin-bottom);color:var(--text-amber);text-shadow:var(--neon-soft);font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.6}h1,h2,h3{hyphens:auto;overflow-wrap:break-word}::selection{background-color:var(--amber);color:var(--bg-deep)}hr{background:linear-gradient(90deg, transparent, var(--amber), transparent);height:2px;box-shadow:var(--neon-soft);border:none}main{z-index:1;padding-top:var(--nav-height);flex:1;position:relative}html.js img.pixel-reveal{opacity:0}@media (prefers-reduced-motion:reduce){html.js img.pixel-reveal{opacity:1}}