.retro-hud{position:fixed;z-index:8;left:18px;bottom:16px;display:flex;gap:20px;align-items:center;padding:9px 12px 8px;color:rgba(217,246,255,.72);background:rgba(8,7,28,.62);border:1px solid rgba(105,221,255,.25);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));backdrop-filter:blur(7px);font:500 8px 'DM Mono';letter-spacing:.13em;box-shadow:0 0 24px rgba(105,221,255,.08)}.retro-hud i{display:inline-block;width:5px;height:5px;margin-right:7px;background:#ffd99a;box-shadow:0 0 9px #ffd99a;animation:hudBlink 1.8s steps(2,end) infinite}.retro-hud b{color:#69ddff;font-weight:500}.pixel-resolve.visible{animation:pixelResolve 1.05s steps(7,end) both}.pixel-corners,.dither-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.pixel-corners i{position:absolute;width:22px;height:22px;border-color:#69ddff;filter:drop-shadow(0 0 5px rgba(105,221,255,.36))}.pixel-corners i:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid;box-shadow:6px 6px 0 -4px #69ddff}.pixel-corners i:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid;box-shadow:-6px 6px 0 -4px #f274d4}.pixel-corners i:nth-child(3){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid;box-shadow:-6px -6px 0 -4px #69ddff}.pixel-corners i:nth-child(4){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid;box-shadow:6px -6px 0 -4px #f274d4}.dither-layer{z-index:0;opacity:.16;background-image:radial-gradient(circle,rgba(105,221,255,.72) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(242,116,212,.45) 0 1px,transparent 1.2px);background-size:8px 8px,12px 12px;background-position:0 0,4px 5px;mask-image:linear-gradient(110deg,#000,transparent 42%,#000);mix-blend-mode:screen}.profile>*:not(.pixel-corners):not(.dither-layer),.expertise>*:not(.pixel-corners):not(.dither-layer),.cta>*:not(.pixel-corners):not(.dither-layer){position:relative;z-index:1}.crt-glitch{position:relative}.crt-glitch:before,.crt-glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.crt-glitch:before{color:#69ddff;transform:translateX(-3px);clip-path:inset(12% 0 62% 0)}.crt-glitch:after{color:#f274d4;transform:translateX(3px);clip-path:inset(58% 0 17% 0)}.crt-glitch.glitch-active:before,.crt-glitch.glitch-active:after{animation:glitchFlash .42s steps(3,end)}@keyframes pixelResolve{0%{filter:blur(12px) contrast(1.65);clip-path:inset(0 0 88% 0)}22%{filter:blur(8px) contrast(1.45);clip-path:inset(0 0 61% 0)}48%{filter:blur(5px) contrast(1.3);clip-path:inset(0 0 35% 0)}75%{filter:blur(2px) contrast(1.12);clip-path:inset(0 0 11% 0)}100%{filter:none;clip-path:inset(0)}}@keyframes glitchFlash{0%{opacity:0}25%{opacity:.5;transform:translateX(-4px)}50%{opacity:.18;transform:translateX(5px)}75%{opacity:.42;transform:translateX(-2px)}100%{opacity:0}}@keyframes hudBlink{50%{opacity:.3}}@media(max-width:800px){.retro-hud{left:10px;bottom:10px;gap:12px}.retro-hud span:nth-child(2){display:none}.pixel-corners i{width:15px;height:15px}.dither-layer{opacity:.1}}@media(prefers-reduced-motion:reduce){.retro-hud i,.pixel-resolve.visible,.crt-glitch.glitch-active:before,.crt-glitch.glitch-active:after{animation:none}.pixel-resolve.visible{filter:none;clip-path:none}.crt-glitch:before,.crt-glitch:after{display:none}}