.language-switch{display:flex;align-items:center;gap:.5rem;font-size:.75rem;a{text-decoration:none;color:inherit;opacity:.7;transition:opacity .2s;&:hover{opacity:1}&.active{opacity:1;font-weight:700}}.separator{opacity:.5}}.neon-glow-button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-color)!important;color:var(--text-color)!important;border:1px solid var(--border-color);padding:.75rem 1.5rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s;box-shadow:var(--glow-shadow)}.neon-glow-button:hover{background-color:var(--bg-color-hover)!important;color:var(--text-color-hover)!important;border:1px solid var(--border-color-hover);box-shadow:var(--glow-shadow-hover)}.scanline-overlay{position:absolute;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgb(0 0 0 / 15%) 2px,rgb(0 0 0 / 15%) 4px);&.fixed{position:fixed}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background:#0d0b08b3;backdrop-filter:blur(3px);padding:var(--padding-y) var(--padding-x);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);.nav-logo{display:flex;align-items:center;gap:1rem}.nav-logo-icon{width:2.5rem;height:2.5rem;svg{filter:var(--neon-strong-filter)}}.nav-logo-text{margin-top:.25rem;font-family:var(--header-font);font-size:1.25rem;letter-spacing:.15em;color:var(--amber);text-shadow:var(--neon-medium)}.nav-links{display:flex;gap:2.5rem;list-style:none;a{color:var(--text-dim);text-decoration:none;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:all .3s;&:hover{color:var(--amber);text-shadow:var(--neon-soft)}}}.contact-button{display:block}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:101;position:relative;width:2.5rem;height:2.5rem;svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:var(--neon-strong-filter)}.close-icon{opacity:0}&.active .hamburger-icon{opacity:0}&.active .close-icon{opacity:1}}}.mobile-menu{position:fixed;inset:4.5rem 0 0;background:color-mix(in srgb,var(--bg-dark) 60%,transparent);backdrop-filter:blur(10px);transform:translate(100%);transition:transform .7s ease-out;z-index:99;display:flex;flex-direction:column;padding:3rem 0;border-left:1px solid var(--border);&.active{transform:translate(0)}.mobile-menu-links{list-style:none;display:flex;flex-direction:column;gap:2rem;padding:0 1.5rem;margin-bottom:3rem;a{color:var(--amber);text-decoration:none;font-size:1.125rem;letter-spacing:.15em;text-transform:uppercase;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:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--amber),transparent);box-shadow:var(--neon-soft)}.language-switch{padding:0 1.5rem}}}.nav .nav-links,.mobile-menu-links{.muted{color:var(--text-dim);font-size:.625rem;margin-right:0}}@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);position:relative;background-color:var(--bg-deep);&:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);box-shadow:var(--neon-soft)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3.75rem;margin-bottom:3.75rem;@media(width<=1024px){grid-template-columns:1fr 1fr;gap:2.5rem}@media(width<=768px){grid-template-columns:1fr}.footer-brand{display:flex;align-items:center;gap:1rem;font-family:var(--header-font);font-size:var(--brand-size);line-height:1;margin-bottom:1rem;color:var(--amber);text-shadow:var(--neon-strong)}.footer-tagline{font-size:1rem;color:var(--text-muted);line-height:1.6}.footer-col-title{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;color:var(--amber);text-shadow:var(--neon-soft)}.footer-links{list-style:none}.footer-links li{margin-bottom:1rem}.footer-links a{color:var(--text-dim);text-decoration:none;font-size:.875rem;transition:all .3s}.footer-links a:hover{color:var(--amber);text-shadow:var(--neon-soft)}.footer-logo-icon{width:var(--brand-size);height:var(--brand-size);display:flex;align-items:center;svg{width:100%;height:100%;display:block;filter:var(--neon-strong-filter)}@media(width<=768px){display:none}}.footer-brand>span{transform:translateY(.05em)}}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted);@media(width<=768px){flex-direction:column;gap:1rem;text-align:center}a{color:var(--text-medium);text-decoration:none}em{color:var(--amber-dim);text-shadow:var(--neon-soft);font-style:normal}}}#reading-progress-bar{position:fixed;top:0;left:0;width:0%;z-index:10000;pointer-events:none;transition:width 50ms linear}.code-card{background:var(--bg-medium);border:1px solid var(--border);overflow:hidden;position:relative;transition:all .3s;margin:1.5rem 0;&:hover{border-color:var(--amber-dim);box-shadow:var(--neon-medium)}&:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber),var(--amber-dark));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);display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-light);font-family:var(--code-header-font);font-size:var(--code-header-font-size);.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{background:none;border:1px solid var(--border);color:var(--text-dim);padding:2px 8px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.1em;font-family:var(--code-header-font);font-size:var(--code-header-font-size);&:hover{border-color:var(--amber-dim);color:var(--amber)}}}pre.astro-code{margin:0;padding:1.25rem;background:var(--bg-medium)!important;font-family:var(--code-font);overflow-x:auto;code{font-family:var(--code-font);background:transparent!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 rgb(255 176 0 / 10%)}}.pattern-dots{background-image:radial-gradient(circle,var(--amber-faintest) .5px,transparent .5px);background-size:12px 12px}.pattern-dots-fading{position:relative;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;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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)}&&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(159deg,var(--dot-bg) 0%,var(--dot-bg) 30%,var(--dot-bg-opaque) 100%)}&: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{position:relative;border-bottom:2px solid var(--amber);&&:after{content:"";position:absolute;bottom:4px;display:block;width:100%;border-bottom:2px solid var(--amber);box-shadow:var(--neon-intense)}}.page-hero{height:calc(100dvh - var(--nav-height));display:flex;flex-direction:column;align-items:stretch;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}: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 rgb(255 176 0 / 50%);--neon-soft-filter: drop-shadow(0 0 10px rgb(255 176 0 / 50%));--neon-medium: 0 0 20px rgb(255 176 0 / 40%), 0 0 40px rgb(255 176 0 / 20%);--neon-medium-filter: drop-shadow(0 0 20px rgb(255 176 0 / 40%)) drop-shadow(0 0 40px rgb(255 176 0 / 20%));--neon-strong: 0 0 10px rgb(255 176 0 / 80%), 0 0 30px rgb(255 176 0 / 50%), 0 0 60px rgb(255 176 0 / 30%);--neon-strong-filter: drop-shadow(0 0 10px rgb(255 176 0 / 80%)) drop-shadow(0 0 30px rgb(255 176 0 / 50%)) drop-shadow(0 0 60px rgb(255 176 0 / 30%));--neon-intense: 0 0 5px #ffb000, 0 0 15px #ffb000, 0 0 30px rgb(255 176 0 / 80%), 0 0 60px rgb(255 176 0 / 50%), 0 0 100px rgb(255 176 0 / 30%);--neon-intense-filter: drop-shadow(0 0 5px rgb(255 176 0 / 100%)) drop-shadow(0 0 15px rgb(255 176 0 / 100%)) drop-shadow(0 0 30px rgb(255 176 0 / 80%)) drop-shadow(0 0 60px rgb(255 176 0 / 50%)) drop-shadow(0 0 100px rgb(255 176 0 / 30%));--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}html{font-size:var(--text-size-base);scroll-behavior:smooth;line-height:2;scrollbar-width:thin;scrollbar-color:var(--amber-dark) var(--bg-deep);@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);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}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);font-size:clamp(1rem,2.5vw,2rem);line-height:1.8;margin-bottom:var(--h1-margin-bottom);color:var(--text-amber);text-shadow:var(--neon-strong)}h2{font-family:var(--header-font);font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.6;margin-bottom:var(--h2-margin-bottom);color:var(--text-amber);text-shadow:var(--neon-soft)}h1,h2,h3{hyphens:auto;overflow-wrap:break-word}::selection{background-color:var(--amber);color:var(--bg-deep)}hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);box-shadow:var(--neon-soft)}main{position:relative;z-index:1;padding-top:var(--nav-height);flex:1}html.js img.pixel-reveal{opacity:0}@media(prefers-reduced-motion:reduce){html.js img.pixel-reveal{opacity:1}}