.error-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-content{text-align:center;width:100%;max-width:600px;padding:4rem}.error-content h1{letter-spacing:-.05em;background:linear-gradient(90deg, var(--color-accent), #fff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(6rem,15vw,12rem);line-height:1;position:relative}.error-content h2{color:var(--color-text);margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.5rem)}.error-content p{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.1rem}.error-glitch{position:relative}.error-glitch:before,.error-glitch:after{content:attr(data-text);background:linear-gradient(90deg, var(--color-accent), #fff);color:#0000;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0}.error-glitch:before{text-shadow:-1px 0 color-mix(in display-p3, var(--color-accent) 50%, transparent);animation:2s linear infinite alternate-reverse error-glitch-animation;left:2px}.error-glitch:after{text-shadow:1px 0 color-mix(in display-p3, var(--color-accent) 50%, transparent);animation:3s linear infinite alternate-reverse error-glitch-animation;left:-2px}@keyframes error-glitch-animation{0%{clip-path:inset(30% 0 70%)}20%{clip-path:inset(20% 0 80%)}40%{clip-path:inset(60% 0 20%)}60%{clip-path:inset(10% 0 90%)}80%{clip-path:inset(80% 0 10%)}to{clip-path:inset(40% 0 60%)}}@media (max-width:768px){.error-content{padding:2rem}}:root{--color-bg:#0a0a0f;--color-bg-alt:#12121a;--color-text:#fff;--color-text-muted:#ffffffb3;--color-secondary:#ffffff08;--color-accent:#00f9a4;--color-accent-deep:#008658;--color-accent-mist:color-mix(in display-p3, var(--color-accent) 12%, white);--color-accent-transparent:color-mix(in display-p3, var(--color-accent) 10%, transparent);--color-glitch:#ff33bf;--color-danger:#ff4e51;--color-success:#00d472;--color-warning:orange;--font-heading:"Space Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--easing:cubic-bezier(.19, 1, .22, 1)}@supports (color:color(display-p3 0 0 0)){:root{--color-accent:color(display-p3 0 1 .6157);--color-accent-deep:color(display-p3 0 .5373 .3294);--color-glitch:color(display-p3 1 0 .7569);--color-danger:color(display-p3 1 .302 .302);--color-success:color(display-p3 .1804 .8353 .451);--color-warning:color(display-p3 1 .6471 0)}}@keyframes scrollbarPulse{0%,to{box-shadow:0 0 20px var(--color-accent)}50%{box-shadow:0 0 30px var(--color-accent)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;box-sizing:border-box;height:100%;position:relative}body{width:100%;height:100%;min-height:100vh;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);scrollbar-width:auto;scrollbar-color:var(--color-accent) #0a0a0fb3;cursor:default;margin:0;font-weight:300;line-height:1.6;position:relative;overflow:hidden scroll}a[href],button,summary,label{cursor:pointer}input,textarea{cursor:text}.site{z-index:0;position:relative}.dither-field{z-index:-1;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0}body::-webkit-scrollbar{z-index:2000;width:12px}body::-webkit-scrollbar-track{z-index:2000;background:#0a0a0fb3;border-left:1px solid #ffffff1a}body::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--color-accent), var(--color-accent-deep));z-index:2000;box-shadow:0 0 20px var(--color-accent);border:2px solid #ffffff4d;border-radius:2px;animation:2s infinite scrollbarPulse}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom, #fff, var(--color-accent));box-shadow:0 0 30px var(--color-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:var(--color-text);transition:all .4s var(--easing);text-decoration:none;position:relative}a:hover{color:var(--color-accent)}.container{max-width:1400px;margin:0 auto;padding:0 3rem}.section{padding:6.8rem 0}.section-title{background:linear-gradient(90deg, var(--color-accent), #fff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:clamp(2.5rem,5vw,4rem);display:inline-block}.button{color:var(--color-text);border:1px solid var(--color-accent);font-weight:500;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;transition:color .4s var(--easing);z-index:1;cursor:pointer;background-color:#0000;border-radius:4px;padding:1rem 2.5rem;font-size:.9rem;display:inline-block;position:relative;overflow:hidden}.button:before{content:"";background-color:var(--color-accent);transform-origin:100%;width:0;height:100%;transition:width .4s var(--easing);z-index:-1;position:absolute;top:0;left:0}.button:hover{color:var(--color-bg)}.button:hover:before{width:100%}.glass{-webkit-backdrop-filter:blur(10px);transition:border-color .3s var(--easing);background:#ffffff03;border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 8px 32px #0003}.glass:hover{border-color:#ffffff26}.nav.glass{border-radius:0}@property --hot{syntax:"<number>";inherits:false;initial-value:0}@property --near{syntax:"<number>";inherits:false;initial-value:0}.frost{--mx:50%;--my:0px;--near:0;--hot:0;box-shadow:inset 0 1px 0 rgba(255, 255, 255, calc(.28 + var(--hot) * .36)), inset 0 0 36px rgba(255, 255, 255, calc(var(--hot) * .064)), 0 10px 28px #00000047;filter:brightness(calc(1 + var(--hot) * .112));scale:calc(1 + var(--hot) * .75 / var(--w,800));-webkit-backdrop-filter:url(#liquid-glass) blur(14px) saturate(1.4) brightness(calc(1.02 + var(--hot) * .176));backdrop-filter:url(#liquid-glass) blur(14px) saturate(1.4) brightness(calc(1.02 + var(--hot) * .176));background:#08080cc7;border:1px solid #ffffff1a;border-radius:20px;transition:--hot .48s cubic-bezier(.16,1.9,.3,1),--near .9s;position:relative}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.frost:before{content:"";border-radius:inherit;background:radial-gradient(300px circle at var(--mx) var(--my), rgba(255, 255, 255, calc(.5 + var(--near) * .28 + var(--hot) * .32)), rgba(255, 255, 255, calc(.08 + var(--near) * .1 + var(--hot) * .128)) 46%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frost-accent:before{background:radial-gradient(300px circle at var(--mx) var(--my), rgba(226, 255, 242, calc(.55 + var(--near) * .28 + var(--hot) * .32)), rgba(0, 255, 157, calc(.08 + var(--near) * .1 + var(--hot) * .144)) 46%, transparent 100%);background:radial-gradient(300px circle at var(--mx) var(--my), color(from var(--color-accent-mist) display-p3 r g b / calc(.55 + var(--near) * .28 + var(--hot) * .32)), color(from var(--color-accent) display-p3 r g b / calc(.08 + var(--near) * .1 + var(--hot) * .144)) 46%, transparent 100%)}}.frost-accent{background:#06100ccc}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.frost{background:#14141c;border:1px solid #ffffff1f}}@media (max-width:800px){.frost{-webkit-backdrop-filter:url(#liquid-glass) blur(12px) saturate(1.3) brightness(calc(1.02 + var(--hot) * .176));backdrop-filter:url(#liquid-glass) blur(12px) saturate(1.3) brightness(calc(1.02 + var(--hot) * .176))}}@media (prefers-reduced-motion:reduce){.frost{transition:none}}@media (prefers-reduced-transparency:reduce){.frost,.frost-accent{filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#14141c;border:1px solid #ffffff1f}.frost:before,.frost-accent:before{content:none}}.section-header{align-items:flex-end;margin-bottom:3rem;display:flex;position:relative}.section-indicator{color:var(--color-accent);font-size:1.2rem;font-weight:500;font-family:var(--font-heading);opacity:.8;margin-right:1rem;position:relative;top:-5px}.accent{color:var(--color-accent)}@media (max-width:992px){.container{padding:0 2rem}}@media (max-width:768px){.container{padding:0 1.5rem}.section{padding:3.4rem 0}}
