:root{color-scheme:dark;--green:#8cffb2;--dim:#3c7650;--mx:0;--my:0;font-family:"Cascadia Code","IBM Plex Mono",Consolas,monospace;background:#020403;color:#dfffea;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overflow:hidden}body{background:#020403}.shell{position:relative;isolation:isolate;display:grid;min-height:100svh;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(32,107,60,.12),transparent 34rem),linear-gradient(110deg,rgba(4,9,6,.95),rgba(1,5,3,.78))}#matrix,.scanlines,.noise{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#matrix{z-index:-3;opacity:.7}.scanlines{z-index:8;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.17) 4px);mix-blend-mode:multiply}.noise{z-index:9;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:screen}header{position:absolute;z-index:3;left:clamp(1.3rem,3vw,3rem);right:clamp(1.3rem,3vw,3rem);top:clamp(1.3rem,3vw,2.5rem);display:flex;align-items:center;gap:1rem;color:#4d7459;font-size:.58rem;letter-spacing:.14em}header i{height:1px;flex:1;background:linear-gradient(90deg,rgba(68,140,89,.35),transparent)}header span:last-child{color:#67b07a}.hero{position:relative;z-index:2;width:min(88vw,76rem);padding:clamp(1.5rem,4vw,4rem);transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-5px),0);transition:transform .3s ease}.prompt{margin:0 0 1.1rem .55rem;color:#4c7d5b;font-size:clamp(.58rem,1vw,.7rem);letter-spacing:.08em}.prompt:before{content:"root@xqpx:~$ ";color:var(--green)}h1{position:relative;margin:0;max-width:9ch;color:#e9ffef;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",sans-serif;font-size:clamp(4.1rem,12.5vw,11.8rem);font-weight:800;line-height:.77;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 0 2.6rem rgba(81,255,135,.12)}h1:before,h1:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}h1:before{color:#72ff9e;clip-path:inset(13% 0 70% 0);transform:translateX(-.025em);animation:glitchA 5s 7.2s steps(1) infinite}h1:after{color:#d8ffe4;clip-path:inset(72% 0 12% 0);transform:translateX(.025em);animation:glitchB 4.3s 7.6s steps(1) infinite}.hero a{display:inline-flex;align-items:center;gap:.6rem;margin:clamp(2rem,4vw,3rem) 0 0 .6rem;color:#79c68f;font-size:clamp(.72rem,1.1vw,.86rem);letter-spacing:.18em;text-decoration:none;transition:color .2s,text-shadow .2s}.hero a:hover,.hero a:focus-visible{color:#caffd8;text-shadow:0 0 1rem rgba(110,255,152,.65)}.hero a:focus-visible{outline:1px solid var(--green);outline-offset:.65rem}.hero a>span:first-child{color:var(--green)}.blink{animation:blink 1s steps(1) infinite}aside{position:absolute;right:clamp(1.3rem,3vw,3rem);top:50%;display:flex;flex-direction:column;gap:.45rem;transform:translateY(-50%)}aside i{display:block;width:1px;height:clamp(.7rem,1.2vw,1rem);background:#294b33}aside i:nth-child(3),aside i:nth-child(4){background:#7aff9f;box-shadow:0 0 .7rem #63eb8a}footer{position:absolute;z-index:3;left:clamp(1.3rem,3vw,3rem);bottom:max(clamp(1.3rem,3vw,2.5rem),env(safe-area-inset-bottom));color:#385241;font-size:.58rem;letter-spacing:.1em}.boot{position:fixed;z-index:100;inset:0;display:none;place-items:center;background:#010201;color:#52745d}.js .boot{display:grid}.boot-log{width:min(35rem,84vw);font-size:clamp(.62rem,1.5vw,.76rem);line-height:1.8}.boot-log p{margin:0;opacity:0;transform:translateY(.4rem);animation:logIn .25s forwards}.boot-log p:nth-child(1){animation-delay:.35s}.boot-log p:nth-child(2){animation-delay:1.05s}.boot-log p:nth-child(3){animation-delay:1.85s}.boot-log p:nth-child(4){animation-delay:2.7s}.boot-log p:nth-child(5){animation-delay:3.75s}.boot-log p:nth-child(6){animation-delay:5.2s}.boot-log span{color:#73e895}.boot-log p:nth-child(4) span{color:#c5c86d}.cursor{animation:blink .7s steps(1) infinite}.boot-bar{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#07140b}.boot-bar i{display:block;width:100%;height:100%;background:#70ff9b;box-shadow:0 0 1rem #48e777;transform:scaleX(0);transform-origin:left;animation:progress 6s linear forwards}.loaded .boot{animation:bootOut .75s steps(8) forwards}.js .shell{opacity:0;transform:scale(1.025)}.loaded .shell{animation:shellIn .7s .12s cubic-bezier(.16,1,.3,1) forwards}@keyframes logIn{to{opacity:1;transform:none}}@keyframes progress{to{transform:scaleX(1)}}@keyframes bootOut{0%{opacity:1;clip-path:inset(0)}70%{opacity:.9;clip-path:inset(47% 0 47% 0)}100%{opacity:0;clip-path:inset(50% 0 50% 0);visibility:hidden}}@keyframes shellIn{to{opacity:1;transform:scale(1)}}@keyframes blink{50%{opacity:0}}@keyframes glitchA{0%,91%,100%{opacity:0;transform:translateX(0)}92%{opacity:.8;transform:translateX(-.045em)}94%{opacity:.4;transform:translateX(.02em)}96%{opacity:0}}@keyframes glitchB{0%,86%,100%{opacity:0;transform:translateX(0)}87%{opacity:.75;transform:translateX(.04em)}89%{opacity:.3;transform:translateX(-.02em)}91%{opacity:0}}@media(max-width:620px){h1{font-size:clamp(3.75rem,20vw,6rem);line-height:.8}.hero{width:100%;padding:1.35rem}.prompt,.hero a{margin-left:.25rem}header span:last-child{display:none}aside{display:none}footer{left:0;right:0;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.js .boot{display:none}.js .shell{opacity:1;transform:none}}