@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}@font-face{font-family:Orbitron Fallback;font-display:swap;src:local(Arial),local(Helvetica),local(Liberation Sans),local(DejaVu Sans),local(Noto Sans);font-weight:400 900;size-adjust:128.98%;ascent-override:78.38%;descent-override:18.84%;line-gap-override:0%}@font-face{font-family:Share Tech Mono Fallback;font-display:swap;src:local(Courier New),local(Liberation Mono),local(DejaVu Sans Mono);size-adjust:90.65%;ascent-override:97.63%;descent-override:26.7%;line-gap-override:0%}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/orbitron-var.woff2)format("woff2")}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/share-tech-mono-400.woff2)format("woff2")}:root{--bg:#07090e;--bg-2:#0d111a;--bg-3:#131926;--cyan:#00f0b5;--cyan-dim:#00b88c;--pink:#f43f5e;--purple:#b76bf8;--yellow:#eab308;--blue:#38bdf8;--text:#f1f5f9;--text-dim:#94a3b8;--line:#ffffff1a;--panel:#0d111aeb;--panel-grad:linear-gradient(172deg, #1c263af5 0%, #0e121cf0 42%, #080b13fa 100%);--bg-card:#0d111aeb;--nav-bg:#07090ed1;--nav-float:#07090ef5;--footer-bg:#07090eeb;--terminal-bg:#090d16eb;--terminal-bar:#ffffff0a;--code-bg:#070a12d9;--input-bg:linear-gradient(180deg, #060910f2 0%, #0a0e18e6 100%);--input-shadow:inset 0 3px 8px #000000bf, inset 0 1px 2px #000000e6, 0 1px 0 #ffffff14;--input-field-shadow:inset 0 2px 6px #000000bf, 0 1px 0 #ffffff14;--btn-tool-bg:linear-gradient(180deg, #ffffff0f 0%, #00000040 100%);--btn-tool-shadow:inset 0 1px 0 #ffffff40, inset 0 -2px 0 #00000080, 0 2px 6px #0006;--btn-tool-active-shadow:inset 0 2px 4px #000000b3;--btn-grad:linear-gradient(180deg, #00f0b524 0%, #00f0b50a 55%, #00000059 100%);--btn-pink-grad:linear-gradient(180deg, #f43f5e24 0%, #f43f5e0a 55%, #00000059 100%);--btn-shadow:inset 0 1.5px 0 0 #ffffff59, inset 0 -2px 0 0 #0009, inset 1px 0 0 0 #ffffff1a;--btn-active-shadow:inset 0 2px 5px #000000b3, inset 0 -1px 0 #fff3;--bevel-top:#ffffff2e;--bevel-bottom:#0009;--skillgroup-grad:linear-gradient(172deg, #162032f5 0%, #0c101af0 45%, #070a10fa 100%);--chip-bg:#ffffff08;--chip-line:#ffffff14;--line-soft:#ffffff0f;--line-accent:#00f0b526;--strip-bg:#00f0b50a;--scrollbar-track:#090c12;--stat-bg:linear-gradient(170deg, #ffffff0d 0%, #0006 100%);--stat-shadow:inset 0 1px 0 #ffffff26, inset 0 -2px 0 #0006;--stat-filter:drop-shadow(0 8px 18px #000000a6);--elevation-1:drop-shadow(0 4px 10px #0009) drop-shadow(0 1px 3px #00000073);--elevation-2:drop-shadow(0 14px 28px #000c) drop-shadow(0 4px 8px #0009) drop-shadow(0 0 1px #ffffff1a);--elevation-3:drop-shadow(0 22px 45px #000000e6) drop-shadow(0 6px 14px #000000b3) drop-shadow(0 0 20px #00f0b52e);--grid-line-3d:#00f0b51f;--panel-inset-dark:inset 0 1.5px 0 0 #ffffff2e, inset 0 -2px 4px 0 #0009, inset 1.5px 0 0 0 #ffffff0d, inset -1px 0 0 0 #0006;--panel-inset-light:inset 0 1.5px 0 0 #fffffff2, inset 0 -1.5px 2px 0 #0f172a0d, inset 1px 0 0 0 #ffffffb3;--panel-inset:var(--panel-inset-dark);--aurora:radial-gradient(80% 50% at 50% -10%, #a855f729, transparent 70%), radial-gradient(circle 600px at 90% 15%, #00f0b51f, transparent 60%), radial-gradient(circle 550px at 10% 80%, #f43f5e1c, transparent 60%), radial-gradient(90% 40% at 50% 100%, #00f0b517, transparent 70%), radial-gradient(circle 450px at 50% 45%, #38bdf80f, transparent 65%);--grid-line:#00f0b50b;--avatar-bg:radial-gradient(circle at 50% 50%, #a855f726, transparent 70%), repeating-conic-gradient(from 0deg, #00f0b50f 0deg 8deg, transparent 8deg 16deg);--error-radial:radial-gradient(circle at 50% 40%, #f43f5e14, transparent 55%);--scanlines-alpha:.025;--vignette-alpha:.16;--flicker-alpha:.015;--glow-cyan-sm:0 0 6px #00f0b580;--glow-pink-sm:0 0 6px #f43f5e80;--glow-purple-sm:0 0 6px #a855f780;--glow-yellow-sm:0 0 6px #eab30880;--glow-cyan-md:0 0 10px #00f0b566, 0 0 32px #00f0b526;--glow-cyan-lg:0 0 16px #00f0b566, 0 0 45px #00f0b526;--glow-pink-lg:0 0 16px #f43f5e4d;--glow-cyan-soft:0 0 14px #00f0b540;--glow-nav-link:0 0 8px #00f0b580;--glow-nav-link-md:0 0 12px #00f0b573;--neon-cyan:0 0 4px #00f0b599, 0 0 14px #00f0b540;--neon-pink:0 0 4px #f43f5e99, 0 0 14px #f43f5e40;--neon-purple:0 0 4px #a855f799, 0 0 14px #a855f740;--neon-yellow:0 0 4px #eab30899, 0 0 14px #eab30840;--avatar-glow:0 0 16px #a855f799, 0 0 36px #00f0b540;--music-drop:drop-shadow(0 0 16px #f43f5e99);--nav-shadow:0 10px 40px -18px #000000b3;--panel-hover-shadow:0 18px 40px -18px #000000d9;--btn-hover-glow:0 0 20px -2px #00f0b599;--btn-pink-hover-glow:0 0 20px -2px #f43f5e99;--btn-hover-fg:#04121a;--btn-pink-hover-fg:#1a0414;--selection-fg:#04121a;--font-display:"Orbitron", "Orbitron Fallback", sans-serif;--font-mono:"Share Tech Mono", "Share Tech Mono Fallback", ui-monospace, "Cascadia Code", monospace;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--clip:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));--clip-sm:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));--text-halo:none}:root[data-theme=light]{--bg:#f8fafc;--bg-2:#f1f5f9;--bg-3:#e2e8f0;--cyan:#0f766e;--cyan-dim:#115e59;--pink:#be123c;--purple:#6d28d9;--yellow:#92400e;--blue:#0369a1;--text:#0f172a;--text-dim:#475569;--line:#0f172a1a;--panel:#ffffffe6;--panel-grad:linear-gradient(175deg, #fff 0%, #f8fafc 55%, #f1f5f9 100%);--bg-card:#ffffffe6;--nav-bg:#ffffffd9;--nav-float:#fff;--footer-bg:#fffffff2;--terminal-bg:#f8fafcf2;--terminal-bar:#0f172a0a;--code-bg:#f1f5f9e6;--input-bg:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--input-shadow:inset 0 1.5px 3px #0f172a14, 0 1px 0 #ffffffe6;--input-field-shadow:inset 0 1px 3px #0f172a14, 0 1px 0 #ffffffe6;--btn-tool-bg:linear-gradient(180deg, #fff 0%, #f1f5f9 100%);--btn-tool-shadow:inset 0 1px 0 #fffffff2, inset 0 -1.5px 0 #0f172a14, 0 2px 4px #0f172a0f;--btn-tool-active-shadow:inset 0 2px 4px #0f172a33;--btn-grad:linear-gradient(180deg, color-mix(in srgb, var(--cyan) 12%, transparent) 0%, color-mix(in srgb, var(--cyan) 4%, transparent) 55%, #0f172a0a 100%);--btn-pink-grad:linear-gradient(180deg, color-mix(in srgb, var(--pink) 12%, transparent) 0%, color-mix(in srgb, var(--pink) 4%, transparent) 55%, #0f172a0a 100%);--btn-shadow:inset 0 1.5px 0 0 #fffffff2, inset 0 -1.5px 0 0 #0f172a14, inset 1px 0 0 0 #fff9;--btn-active-shadow:inset 0 2px 5px #0f172a26, inset 0 -1px 0 #fffc;--bevel-top:#ffffffe6;--bevel-bottom:#0f172a0f;--skillgroup-grad:linear-gradient(175deg, #fff 0%, #f8fafc 55%, #eef2f6 100%);--chip-bg:#0f172a08;--chip-line:#0f172a1a;--line-soft:#0f172a0f;--line-accent:#0f766e26;--strip-bg:#0f766e0a;--scrollbar-track:#f1f5f9;--stat-bg:linear-gradient(175deg, #fff 0%, #f1f5f9 100%);--stat-shadow:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0f172a0f;--stat-filter:drop-shadow(0 4px 12px #0f172a14);--elevation-1:drop-shadow(0 2px 5px #0f172a0f);--elevation-2:drop-shadow(0 8px 20px #0f172a14) drop-shadow(0 2px 4px #0f172a0a);--elevation-3:drop-shadow(0 16px 32px #0f172a1f) drop-shadow(0 4px 8px #0f172a0f);--grid-line-3d:#0f766e14;--aurora:radial-gradient(80% 50% at 50% -10%, #6d28d912, transparent 70%), radial-gradient(circle 600px at 90% 15%, #0f766e12, transparent 60%), radial-gradient(circle 550px at 10% 80%, #be123c0f, transparent 60%), radial-gradient(90% 40% at 50% 100%, #0369a10f, transparent 70%), radial-gradient(circle 450px at 50% 45%, #0f766e0a, transparent 65%);--grid-line:#0f766e0f;--avatar-bg:radial-gradient(circle at 50% 50%, #6d28d914, transparent 70%), repeating-conic-gradient(from 0deg, #0f766e0d 0deg 8deg, transparent 8deg 16deg);--error-radial:radial-gradient(circle at 50% 40%, #be123c0d, transparent 55%);--scanlines-alpha:0;--vignette-alpha:.04;--flicker-alpha:0;--glow-cyan-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-pink-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-purple-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-yellow-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-cyan-md:0 0 14px var(--bg), 0 0 6px var(--bg);--glow-cyan-lg:0 0 18px var(--bg), 0 0 8px var(--bg);--glow-pink-lg:0 0 18px var(--bg), 0 0 8px var(--bg);--glow-cyan-soft:0 0 14px var(--bg), 0 0 6px var(--bg);--glow-nav-link:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-nav-link-md:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-cyan:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-pink:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-purple:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-yellow:0 0 12px var(--bg), 0 0 5px var(--bg);--avatar-glow:none;--music-drop:none;--text-halo:-1px -1px 0 var(--bg), 1px -1px 0 var(--bg), -1px 1px 0 var(--bg), 1px 1px 0 var(--bg), -2px 0 0 var(--bg), 2px 0 0 var(--bg), 0 -2px 0 var(--bg), 0 2px 0 var(--bg), 0 0 8px var(--bg), 0 0 16px var(--bg);--nav-shadow:0 4px 20px -4px #0f172a14;--panel-hover-shadow:0 12px 32px -8px #0f172a1f;--btn-hover-glow:0 4px 14px -2px #0f766e4d;--btn-pink-hover-glow:0 4px 14px -2px #be123c4d;--btn-hover-fg:#fff;--btn-pink-hover-fg:#fff;--selection-fg:#fff;--panel-inset:var(--panel-inset-light)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f8fafc;--bg-2:#f1f5f9;--bg-3:#e2e8f0;--cyan:#0f766e;--cyan-dim:#115e59;--pink:#be123c;--purple:#6d28d9;--yellow:#92400e;--blue:#0369a1;--text:#0f172a;--text-dim:#475569;--line:#0f172a1a;--panel:#ffffffe6;--panel-grad:linear-gradient(175deg, #fff 0%, #f8fafc 55%, #f1f5f9 100%);--bg-card:#ffffffe6;--nav-bg:#ffffffd9;--nav-float:#fff;--footer-bg:#fffffff2;--terminal-bg:#f8fafcf2;--terminal-bar:#0f172a0a;--code-bg:#f1f5f9e6;--input-bg:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--input-shadow:inset 0 1.5px 3px #0f172a14, 0 1px 0 #ffffffe6;--input-field-shadow:inset 0 1px 3px #0f172a14, 0 1px 0 #ffffffe6;--btn-tool-bg:linear-gradient(180deg, #fff 0%, #f1f5f9 100%);--btn-tool-shadow:inset 0 1px 0 #fffffff2, inset 0 -1.5px 0 #0f172a14, 0 2px 4px #0f172a0f;--btn-tool-active-shadow:inset 0 2px 4px #0f172a33;--btn-grad:linear-gradient(180deg, color-mix(in srgb, var(--cyan) 12%, transparent) 0%, color-mix(in srgb, var(--cyan) 4%, transparent) 55%, #0f172a0a 100%);--btn-pink-grad:linear-gradient(180deg, color-mix(in srgb, var(--pink) 12%, transparent) 0%, color-mix(in srgb, var(--pink) 4%, transparent) 55%, #0f172a0a 100%);--btn-shadow:inset 0 1.5px 0 0 #fffffff2, inset 0 -1.5px 0 0 #0f172a14, inset 1px 0 0 0 #fff9;--btn-active-shadow:inset 0 2px 5px #0f172a26, inset 0 -1px 0 #fffc;--bevel-top:#ffffffe6;--bevel-bottom:#0f172a0f;--skillgroup-grad:linear-gradient(175deg, #fff 0%, #f8fafc 55%, #eef2f6 100%);--chip-bg:#0f172a08;--chip-line:#0f172a1a;--line-soft:#0f172a0f;--line-accent:#0f766e26;--strip-bg:#0f766e0a;--scrollbar-track:#f1f5f9;--stat-bg:linear-gradient(175deg, #fff 0%, #f1f5f9 100%);--stat-shadow:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0f172a0f;--stat-filter:drop-shadow(0 4px 12px #0f172a14);--elevation-1:drop-shadow(0 2px 5px #0f172a0f);--elevation-2:drop-shadow(0 8px 20px #0f172a14) drop-shadow(0 2px 4px #0f172a0a);--elevation-3:drop-shadow(0 16px 32px #0f172a1f) drop-shadow(0 4px 8px #0f172a0f);--grid-line-3d:#0f766e14;--aurora:radial-gradient(80% 50% at 50% -10%, #6d28d912, transparent 70%), radial-gradient(circle 600px at 90% 15%, #0f766e12, transparent 60%), radial-gradient(circle 550px at 10% 80%, #be123c0f, transparent 60%), radial-gradient(90% 40% at 50% 100%, #0369a10f, transparent 70%), radial-gradient(circle 450px at 50% 45%, #0f766e0a, transparent 65%);--grid-line:#0f766e0f;--avatar-bg:radial-gradient(circle at 50% 50%, #6d28d914, transparent 70%), repeating-conic-gradient(from 0deg, #0f766e0d 0deg 8deg, transparent 8deg 16deg);--error-radial:radial-gradient(circle at 50% 40%, #be123c0d, transparent 55%);--scanlines-alpha:0;--vignette-alpha:.04;--flicker-alpha:0;--glow-cyan-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-pink-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-purple-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-yellow-sm:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-cyan-md:0 0 14px var(--bg), 0 0 6px var(--bg);--glow-cyan-lg:0 0 18px var(--bg), 0 0 8px var(--bg);--glow-pink-lg:0 0 18px var(--bg), 0 0 8px var(--bg);--glow-cyan-soft:0 0 14px var(--bg), 0 0 6px var(--bg);--glow-nav-link:0 0 10px var(--bg), 0 0 4px var(--bg);--glow-nav-link-md:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-cyan:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-pink:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-purple:0 0 12px var(--bg), 0 0 5px var(--bg);--neon-yellow:0 0 12px var(--bg), 0 0 5px var(--bg);--avatar-glow:none;--music-drop:none;--text-halo:-1px -1px 0 var(--bg), 1px -1px 0 var(--bg), -1px 1px 0 var(--bg), 1px 1px 0 var(--bg), -2px 0 0 var(--bg), 2px 0 0 var(--bg), 0 -2px 0 var(--bg), 0 2px 0 var(--bg), 0 0 8px var(--bg), 0 0 16px var(--bg);--nav-shadow:0 4px 20px -4px #0f172a14;--panel-hover-shadow:0 12px 32px -8px #0f172a1f;--btn-hover-glow:0 4px 14px -2px #0f766e4d;--btn-pink-hover-glow:0 4px 14px -2px #be123c4d;--btn-hover-fg:#fff;--btn-pink-hover-fg:#fff;--selection-fg:#fff;--panel-inset:var(--panel-inset-light)}}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}html{background-color:var(--bg);scrollbar-color:var(--cyan) var(--scrollbar-track);scrollbar-width:thin;scroll-padding-top:calc(68px + 1.5rem);overflow-x:clip}body{color:var(--text);font-family:var(--font-body);letter-spacing:.015em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:#0000;font-size:1.08rem;line-height:1.65;overflow-x:clip}::selection{background:var(--cyan);color:var(--selection-fg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan), var(--pink));border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--pink)}a{color:var(--cyan);text-decoration:none}a:hover{text-shadow:0 0 8px var(--cyan)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.04em;text-shadow:var(--text-halo);font-weight:700;line-height:1.2}p{text-shadow:var(--text-halo)}code,kbd,.mono{font-family:var(--font-mono);text-shadow:var(--text-halo)}img,svg{max-width:100%;display:block}.container{width:min(1120px,92%);margin-inline:auto}.section{padding-block:clamp(3.5rem,8vw,7rem);position:relative}.bg-grid{z-index:-2;pointer-events:none;position:fixed;inset:0;-webkit-mask-image:radial-gradient(100% 100%,#000 70%,#0000 100%);mask-image:radial-gradient(100% 100%,#000 70%,#0000 100%)}.bg-grid-3d{z-index:-2;pointer-events:none;perspective:480px;perspective-origin:50% 60%;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 30%,#0000004d 65%,#000000d9 100%);mask-image:linear-gradient(#0000 30%,#0000004d 65%,#000000d9 100%)}.bg-grid-3d-plane{transform-origin:50% 100%;background-image:linear-gradient(var(--grid-line-3d) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--grid-line-3d) 1.5px, transparent 1.5px);background-size:60px 60px;height:110%;position:absolute;bottom:-35%;left:-50%;right:-50%;transform:rotateX(76deg)}.bg-grid-scroll{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0}.bg-aurora{z-index:-3;background:var(--aurora);position:fixed;inset:0}.neon-cyan{color:var(--cyan);text-shadow:var(--neon-cyan)}.neon-pink{color:var(--pink);text-shadow:var(--neon-pink)}.neon-purple{color:var(--purple);text-shadow:var(--neon-purple)}.dim{color:var(--text-dim);text-shadow:var(--text-halo)}.cyan{color:var(--cyan);text-shadow:var(--glow-cyan-sm)}.pink{color:var(--pink);text-shadow:var(--glow-pink-sm)}.purple{color:var(--purple);text-shadow:var(--glow-purple-sm)}.yellow{color:var(--yellow);text-shadow:var(--glow-yellow-sm)}.body-prose{font-size:1.1rem}.grid-2{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:3rem;display:grid}.grid-2>*{min-width:0}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.neon-yellow{color:var(--yellow);text-shadow:var(--neon-yellow)}.case-specs-card,.rack-card{background:var(--bg-card);border:1px solid var(--line);clip-path:var(--clip-sm);filter:var(--elevation-1);box-shadow:inset 0 1.5px 0 var(--bevel-top), inset 0 -1.5px 0 var(--bevel-bottom);flex-direction:column;gap:.9rem;padding:1.3rem;display:flex}.arch-header,.benchmark-header-row{border-bottom:1px dashed var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.8rem;display:flex}.arch-title,.benchmark-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);text-transform:uppercase;margin:0;font-size:1.15rem}.arcade-badge-row,.benchmark-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.panel{filter:var(--elevation-2);transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s;position:relative}.panel:before{content:"";z-index:-2;background:var(--panel-grad);border:1px solid var(--line);clip-path:var(--clip);box-shadow:var(--panel-inset);transition:border-color .25s,box-shadow .25s;position:absolute;inset:0}.panel:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--accent,var(--cyan)), var(--accent,var(--cyan))) top 0 left 0 / 26px 2px no-repeat, linear-gradient(var(--accent,var(--cyan)), var(--accent,var(--cyan))) top 0 left 0 / 2px 26px no-repeat, linear-gradient(var(--accent,var(--cyan)), var(--accent,var(--cyan))) bottom 0 right 0 / 26px 2px no-repeat, linear-gradient(var(--accent,var(--cyan)), var(--accent,var(--cyan))) bottom 0 right 0 / 2px 26px no-repeat;filter:drop-shadow(0 0 4px var(--accent,var(--cyan)));transition:filter .25s;position:absolute;inset:0}.panel-glow:hover{filter:drop-shadow(0 22px 44px #000000e6) drop-shadow(0 8px 16px #000000b3) drop-shadow(0 0 18px color-mix(in srgb, var(--accent,var(--cyan)) 40%, transparent));transform:translateY(-4px)}.panel-glow:hover:before{border-color:var(--accent,var(--cyan));box-shadow:inset 0 1.5px 0 0 #ffffff4d, inset 0 -2px 6px 0 #000000b3, 0 0 14px color-mix(in srgb, var(--accent,var(--cyan)) 25%, transparent)}.panel-glow:hover:after{filter:drop-shadow(0 0 8px var(--accent,var(--cyan)))}.btn,.link-chip{font-family:var(--font-mono);color:var(--cyan);border:1px solid var(--cyan);background:var(--btn-grad);clip-path:var(--clip-sm);cursor:pointer;box-shadow:var(--btn-shadow);align-items:center;transition:color .2s,background .2s,box-shadow .2s,transform .15s;display:inline-flex;position:relative}.btn{letter-spacing:.08em;text-transform:uppercase;gap:.55rem;padding:.8rem 1.6rem;font-size:.95rem}.link-chip{letter-spacing:.12em;gap:.6rem;min-height:2.75rem;padding:.7rem 1.1rem;font-size:.85rem}.btn:hover,.hero-social-pill:hover,.link-chip:hover{color:var(--btn-hover-fg);border-color:var(--cyan);background:linear-gradient(180deg, #10fbc2 0%, var(--cyan) 40%, var(--cyan-dim) 100%);box-shadow:inset 0 1.5px 0 0 #fff9, inset 0 -2px 0 0 #0006, var(--btn-hover-glow);transform:translateY(-2px)}.btn:active,.hero-social-pill:active,.link-chip:active{box-shadow:var(--btn-active-shadow);transition:transform 50ms;transform:translateY(2px)scale(.98)}.btn-pink,.chip-pink{color:var(--pink);border-color:var(--pink);background:var(--btn-pink-grad)}.btn-pink:hover,.chip-pink:hover{color:var(--btn-pink-hover-fg);border-color:var(--pink);background:linear-gradient(180deg, #fb5876 0%, var(--pink) 40%, #c21d45 100%);box-shadow:inset 0 1.5px 0 0 #fff9, inset 0 -2px 0 0 #0006, var(--btn-pink-hover-glow);transform:translateY(-2px)}:root[data-theme=light] .btn:hover,:root[data-theme=light] .hero-social-pill:hover,:root[data-theme=light] .link-chip:hover{background:linear-gradient(180deg, #14b8a6 0%, var(--cyan) 50%, var(--cyan-dim) 100%)}:root[data-theme=light] .btn-pink:hover,:root[data-theme=light] .chip-pink:hover{background:linear-gradient(180deg, #f43f5e 0%, var(--pink) 50%, #9f1239 100%)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .btn:hover,:root:not([data-theme=dark]) .hero-social-pill:hover,:root:not([data-theme=dark]) .link-chip:hover{background:linear-gradient(180deg, #14b8a6 0%, var(--cyan) 50%, var(--cyan-dim) 100%)}:root:not([data-theme=dark]) .btn-pink:hover,:root:not([data-theme=dark]) .chip-pink:hover{background:linear-gradient(180deg, #f43f5e 0%, var(--pink) 50%, #9f1239 100%)}}.btn:after{content:"▸";transition:transform .25s}.btn:hover:after{transform:translate(4px)}.arcade-launch-btn,.deck-play-btn{color:var(--text);cursor:pointer;clip-path:var(--clip-sm);font-family:var(--font-display);letter-spacing:.1em;border:1px solid var(--cyber-btn-border);box-shadow:inset 0 1.5px 0 #fff6, inset 0 -2px 0 #00000080, 0 4px 12px #0000007a, 0 0 16px var(--cyber-btn-glow);align-items:center;gap:.6rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.arcade-launch-btn:active,.deck-play-btn:active{box-shadow:inset 0 2px 4px #0009, 0 2px 4px #0006, 0 0 12px var(--cyber-btn-glow-active,var(--cyber-btn-glow));transform:translateY(2px)scale(.98)}.sec-head{align-items:baseline;gap:.9rem;margin-bottom:2.6rem;display:flex}.sec-head .idx{font-family:var(--font-mono);color:var(--accent,var(--cyan));font-size:1rem}.sec-head h2{text-transform:uppercase;color:var(--text);text-shadow:0 0 18px #00ffcc59;font-size:clamp(1.5rem,4vw,2.2rem)}.sec-head .rule{background:linear-gradient(90deg, var(--accent,var(--cyan)), transparent);opacity:.5;flex:1;height:1px}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;inset:0}.glitch:hover:before{opacity:.85;color:var(--pink);clip-path:inset(20% 0 40%);animation:.5s steps(2,end) infinite glitch-a;transform:translate(-3px,-2px)}.glitch:hover:after{opacity:.85;color:var(--blue);clip-path:inset(55% 0 15%);animation:.6s steps(2,end) infinite glitch-b;transform:translate(3px,2px)}@keyframes glitch-a{0%{clip-path:inset(10% 0 55%)}20%{clip-path:inset(70% 0 5%)}40%{clip-path:inset(30% 0 40%)}60%{clip-path:inset(80% 0 2%)}80%{clip-path:inset(50% 0 25%)}to{clip-path:inset(10% 0 55%)}}@keyframes glitch-b{0%{clip-path:inset(60% 0 10%)}25%{clip-path:inset(5% 0 70%)}50%{clip-path:inset(45% 0 30%)}75%{clip-path:inset(15% 0 65%)}to{clip-path:inset(60% 0 10%)}}.t-prompt{color:var(--cyan)}.t-comment{color:var(--text-dim)}.t-pink{color:var(--pink)}.t-purple{color:var(--purple)}.t-yellow{color:var(--yellow)}.t-blue{color:var(--blue)}.t-cyan{color:var(--cyan)}.blink{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}::view-transition-old(root){animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(root){animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(site-header){animation-duration:0s}::view-transition-new(site-header){animation-duration:0s}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation-duration:0s!important}::view-transition-new(root){animation-duration:0s!important}::view-transition-old(site-header){animation-duration:0s!important}::view-transition-new(site-header){animation-duration:0s!important}}.prose{letter-spacing:0;line-height:1.85}.prose p{color:var(--text-dim);margin-bottom:1.2rem;font-size:1.1rem}.prose p strong{color:var(--text)}.prose ul{margin:.4rem 0 1.2rem 1.4rem;list-style:none}.prose ul li{color:var(--text-dim);margin-bottom:.45rem;padding-left:1.1rem;position:relative}.prose ul li:before{content:"▸";color:var(--cyan);text-shadow:var(--glow-cyan-sm);position:absolute;left:0}.tac{text-align:center}.mono{font-family:var(--font-mono)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.btn:focus-visible,.hero-social-pill:focus-visible,.link-chip:focus-visible{border-color:var(--yellow);color:var(--yellow);background:#ffe94a14;outline:none;transition:none}.skip-link{z-index:300;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--cyan);color:var(--selection-fg);padding:.65rem 1.1rem;font-size:.9rem;transition:top .2s;position:fixed;top:-72px;left:1rem}.skip-link:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;top:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}html[data-eco=true] .particles{display:none!important}html[data-eco=true] .bg-grid-scroll{animation-play-state:paused!important}@media print{:root{--bg:#fff;--text:#0b1526;--text-dim:#333;--cyan:#00695c;--pink:#9b1d78;--purple:#4b2a8f;--yellow:#7d5800;--blue:#075f9c;--line:#b9c2ce;--panel-grad:#fff;--skillgroup-grad:#f5f7fa;--terminal-bg:#f5f7fa;--code-bg:#eef2f6;--scanlines-alpha:0;--vignette-alpha:0;--flicker-alpha:0}body{background:#fff}.nav,.mobile-menu,.footer,.bg-aurora,.bg-grid,canvas.particles{display:none!important}.hero{min-height:auto}.panel,.btn,.terminal,.skill-chip,.interest-tile,.tool-input,.tool-output,.tool-field input{clip-path:none!important}*{text-shadow:none!important;box-shadow:none!important;background-image:none!important}a{color:#075f9c}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}@page{margin:1.5cm}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-power-mode=overclocked] .bg-grid-scroll{animation-duration:14s}html[data-power-mode=overclocked] .bg-aurora{filter:saturate(1.2)brightness(1.08)}[data-power-mode=critical] .bar:after{content:"[EMERGENCY POWER]";font-family:var(--font-mono,monospace);letter-spacing:.08em;color:var(--pink,#ff2a6d);margin-left:auto;font-size:.72rem;font-weight:700;animation:1.6s ease-in-out infinite pulse-warn}[data-power-mode=overclocked] .bar:after{content:"[OVERCLOCKED ⚡]";font-family:var(--font-mono,monospace);letter-spacing:.08em;color:var(--cyan,#00f0b5);margin-left:auto;font-size:.72rem;font-weight:700}@keyframes pulse-warn{0%,to{opacity:.4}50%{opacity:1}}html[data-solar-phase=dawn]{--aurora:radial-gradient(80% 50% at 50% -10%, #f43f5e29, transparent 70%), radial-gradient(circle 600px at 85% 15%, #a855f726, transparent 60%), radial-gradient(circle 550px at 15% 75%, #38bdf81f, transparent 60%);--grid-line:#f43f5e0a}html[data-solar-phase=sunset]{--aurora:radial-gradient(80% 50% at 50% 100%, #f43f5e38, transparent 70%), radial-gradient(circle 600px at 80% 80%, #eab30824, transparent 60%), radial-gradient(circle 600px at 80% 20%, #a855f729, transparent 60%);--grid-line:#f43f5e0d}html[data-solar-phase=night]{--aurora:radial-gradient(80% 50% at 50% -10%, #00f0b529, transparent 70%), radial-gradient(circle 600px at 80% 40%, #a855f71f, transparent 60%), radial-gradient(circle 550px at 10% 90%, #00f0b514, transparent 60%);--grid-line:#00f0b50d}html[data-hacker-hour=true] .bg-grid-scroll{animation-duration:16s}html[data-audio-active=true] .bg-grid{filter:drop-shadow(0 0 16px #00f0ff47);transition:filter .4s}@media (prefers-reduced-motion:no-preference){html[data-audio-active=true] .bg-grid-scroll{animation:2s ease-in-out infinite alternate audio-grid-pulse}}@keyframes audio-grid-pulse{0%{opacity:.85;filter:brightness()}to{opacity:1.2;filter:brightness(1.2)contrast(1.05)}}html[data-network-status=offline] .terminal{border-color:#ff446673}html[data-network-status=offline] .bg-grid{filter:grayscale(.6)brightness(.85);transition:filter .5s}html[data-low-bandwidth=true] .bg-aurora{opacity:.7}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.particles{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.link{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);align-items:baseline;gap:.4rem;padding:.2rem 0;font-size:.9rem;display:inline-flex;position:relative}.num{color:var(--cyan);font-size:.7rem}.link:after{content:"";background:var(--cyan);width:0;height:1px;box-shadow:0 0 8px var(--cyan);transition:width .25s;position:absolute;bottom:-4px;left:0}.link:hover,.link.active{color:var(--cyan);text-shadow:var(--glow-nav-link)}.link:active{transition:transform 50ms;transform:scale(.96)}.link:hover:after,.link.active:after{width:100%}.mobile-link{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);border-bottom:1px solid var(--line-accent);align-items:baseline;gap:.8rem;padding:.8rem 0;font-size:1.6rem;display:flex}.mobile-link.active,.mobile-link:hover{color:var(--cyan);text-shadow:var(--glow-nav-link-md)}.mobile-link:active{transition:transform 50ms;transform:scale(.98)}.nav{z-index:100;view-transition-name:site-header;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:var(--nav-shadow), inset 0 1px 0 var(--bevel-top), inset 0 -1px 0 var(--bevel-bottom);position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;height:68px;display:flex}.brand{letter-spacing:.1em;color:var(--text);white-space:nowrap;text-shadow:0 1px 2px #00000080;align-items:center;gap:.35rem;font-size:1.15rem;font-weight:700;transition:transform .2s;display:inline-flex}.brand:hover{color:var(--cyan);text-shadow:0 0 12px var(--cyan);transform:translateY(-1px)}.brand-bracket{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.brand-cursor{color:var(--pink);text-shadow:0 0 8px var(--pink)}.links{align-items:center;gap:1.4rem;display:flex}.nav-actions{align-items:center;gap:.6rem;display:flex}.achievements-trigger,.theme-trigger,.palette-trigger{border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--text-dim);clip-path:var(--clip-sm);cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 var(--bevel-top), 0 2px 4px #00000040;align-items:center;transition:color .2s,border-color .2s,text-shadow .2s,transform .1s,box-shadow .2s;display:inline-flex}.achievements-trigger{letter-spacing:.08em;gap:.35rem;padding:.32rem .65rem;font-size:.72rem}.achievements-trigger:hover{color:var(--yellow);border-color:var(--yellow);text-shadow:var(--glow-yellow-sm);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 4px 8px #00000059}.achievements-badge{color:var(--yellow);font-weight:600}.theme-trigger{justify-content:center;padding:.32rem .65rem;font-size:.85rem}.palette-trigger{letter-spacing:.14em;padding:.32rem .7rem;font-size:.7rem}.theme-trigger:hover,.palette-trigger:hover{color:var(--cyan);border-color:var(--cyan);text-shadow:var(--glow-cyan-sm);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 4px 8px #00000059}.achievements-trigger:active,.theme-trigger:active,.palette-trigger:active,.burger:active{transform:translateY(1px);box-shadow:inset 0 1.5px 3px #00000080}.burger{background:var(--chip-bg);border:1px solid var(--chip-line);color:var(--cyan);min-width:2.75rem;min-height:2.75rem;clip-path:var(--clip-sm);cursor:pointer;box-shadow:inset 0 1px 0 var(--bevel-top), 0 2px 4px #00000040;padding:.4rem .7rem;font-size:1.2rem;transition:transform .1s;display:none}.mobile-menu{z-index:99;background:var(--nav-float);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;gap:1rem;padding:2rem 8%;transition:transform .3s;display:flex;position:fixed;inset:68px 0 0;transform:translate(-100%)}.mobile-menu.open{transform:translate(0)}@media (max-width:760px){.links{display:none}.burger{display:inline-block}}@media (max-width:640px){.achievements-trigger{display:none}}@media (max-width:480px){.nav-inner{gap:.5rem;width:min(1120px,100% - 1rem)}.nav-actions{gap:.35rem}.palette-trigger{letter-spacing:.06em;padding:.3rem .45rem}.theme-trigger{padding:.3rem .45rem}.brand{letter-spacing:.02em;gap:.2rem;font-size:clamp(.65rem,2.8vw + .1rem,.95rem)}}.footer[data-astro-cid-jcegb7pj]{z-index:10;border-top:1px solid var(--line);background:linear-gradient(180deg, transparent, var(--footer-bg));margin-top:4rem;padding-block:3rem 2.5rem;position:relative}.footer-inner[data-astro-cid-jcegb7pj]{text-align:center;flex-direction:column;align-items:center;gap:.7rem;display:flex}.foot-brand[data-astro-cid-jcegb7pj]{letter-spacing:.18em;color:var(--text);font-size:1.3rem}.cyan[data-astro-cid-jcegb7pj]{color:var(--cyan);text-shadow:var(--glow-cyan-sm)}.pink[data-astro-cid-jcegb7pj]{color:var(--pink);text-shadow:var(--glow-pink-sm)}.dim[data-astro-cid-jcegb7pj]{color:var(--text-dim)}.foot-mono[data-astro-cid-jcegb7pj],.foot-copy[data-astro-cid-jcegb7pj]{letter-spacing:.08em;font-size:.82rem}.foot-links[data-astro-cid-jcegb7pj]{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-block:.4rem;font-size:.85rem;display:flex}.foot-links[data-astro-cid-jcegb7pj] a[data-astro-cid-jcegb7pj]{color:var(--text-dim);letter-spacing:.1em}.foot-links[data-astro-cid-jcegb7pj] a[data-astro-cid-jcegb7pj]:hover{color:var(--cyan);text-shadow:var(--glow-cyan-sm)}
