/*! 404 — Lost in space — © 2026 Hasib (OVERSHOOT). All rights reserved. Licensed, not sold: see LICENSE.md. */:root{--bg-1: #1a2c50;--bg-2: #070c1a;--suit: #f2efe6;--suit-shade: #cdc7b9;--suit-deep: #b3ac9c;--visor: #13375c;--visor-2: #0d2743;--visor-glow: #6fd2ff;--coral: #ff6b57;--teal: #2ec8b6;--violet: #7c5cff;--star: #ffffff;--tether: #c9c3b5;--text: #f4f2ec;--muted: rgba(244, 242, 236, .66);--font-display: "Concert One", cursive;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--px: 0;--py: 0}*{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;overflow:hidden;font-family:var(--font-body);color:var(--text);background:radial-gradient(140% 120% at 50% -10%,var(--bg-1) 0%,var(--bg-2) 60%)}.space{position:fixed;inset:0;overflow:hidden;z-index:0}.space:before{content:"";position:absolute;inset:-10%;background:radial-gradient(38% 42% at 20% 28%,rgba(46,200,182,.18),transparent 70%),radial-gradient(46% 46% at 82% 66%,rgba(124,92,255,.2),transparent 72%),radial-gradient(34% 34% at 66% 16%,rgba(255,107,87,.12),transparent 70%);animation:nebula 24s ease-in-out infinite alternate}@keyframes nebula{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.stars{position:absolute;top:0;left:0;width:2px;height:2px;border-radius:50%;background:transparent;will-change:opacity,translate}.stars--far{translate:calc(var(--px) * 8px) calc(var(--py) * 8px);box-shadow:60px 120px var(--star),180px 340px var(--star),300px 90px var(--star),440px 260px var(--star),560px 420px var(--star),700px 160px var(--star),820px 380px var(--star),940px 60px var(--star),1080px 300px var(--star),1220px 200px var(--star),1340px 460px var(--star),130px 500px var(--star),390px 540px var(--star),640px 600px var(--star),900px 520px var(--star),1160px 560px var(--star),1400px 120px var(--star),250px 660px var(--star),520px 700px var(--star),780px 720px var(--star),1040px 680px var(--star),1300px 640px var(--star),40px 260px var(--star),1460px 340px var(--star);animation:twinkle 4.2s ease-in-out infinite}.stars--near{width:3px;height:3px;translate:calc(var(--px) * 17px) calc(var(--py) * 17px);box-shadow:120px 220px var(--star),340px 160px var(--star),520px 300px var(--star),760px 240px var(--star),980px 400px var(--star),1180px 140px var(--star),1360px 300px var(--star),220px 420px var(--star),600px 500px var(--star),860px 620px var(--star),1120px 480px var(--star),1320px 560px var(--star),440px 640px var(--star),700px 80px var(--star);animation:twinkle 6s ease-in-out infinite;animation-delay:-2.4s}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:.95}}.planet{position:absolute;left:-70px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#3b6f8f,#285873 45%,#1c3f56);box-shadow:inset -22px -22px #09142259;translate:calc(var(--px) * -22px) calc(var(--py) * -15px);animation:drift 18s ease-in-out infinite alternate}.planet:after{content:"";position:absolute;left:50%;top:50%;width:420px;height:96px;border-radius:50%;border:10px solid rgba(111,210,255,.28);transform:translate(-50%,-50%) rotate(-22deg)}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-16px)}}.shooting{position:absolute;top:14%;left:-12%;width:130px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,0),var(--star));opacity:0;animation:shoot 9s ease-in infinite}@keyframes shoot{0%{opacity:0;transform:translate(0) rotate(16deg)}3%{opacity:1}12%{opacity:1;transform:translate(122vw,40vh) rotate(16deg)}13%,to{opacity:0;transform:translate(122vw,40vh) rotate(16deg)}}.wrap{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.hero{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.4vw,20px)}.digit{font-family:var(--font-display);font-size:clamp(6rem,17vw,12rem);line-height:.9;background:linear-gradient(180deg,#ffffff 0%,#d7ecff 44%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.digit--l{translate:calc(var(--px) * -9px) calc(var(--py) * -6px);animation:digit-in .7s var(--ease-out) .05s both,glow 3.6s ease-in-out 1s infinite}.digit--r{translate:calc(var(--px) * 9px) calc(var(--py) * -6px);animation:digit-in .7s var(--ease-out) .16s both,glow 3.6s ease-in-out 1.4s infinite}@keyframes digit-in{0%{opacity:0;transform:translateY(28px) scale(.86)}to{opacity:1;transform:none}}@keyframes glow{0%,to{filter:drop-shadow(0 10px 26px rgba(46,200,182,.22))}50%{filter:drop-shadow(0 12px 36px rgba(46,200,182,.5))}}.orb{position:relative;width:clamp(230px,38vw,380px);height:clamp(230px,38vw,380px);display:grid;place-items:center;translate:calc(var(--px) * 14px) calc(var(--py) * 10px);animation:orb-in .9s var(--ease-back) .28s both}@keyframes orb-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}.zero{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#ffffff 0%,#d7ecff 44%,var(--teal) 100%);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 58%,#000 61%);mask:radial-gradient(circle at 50% 50%,transparent 58%,#000 61%);z-index:0;animation:zero-glow 3.6s ease-in-out infinite}@keyframes zero-glow{0%,to{filter:drop-shadow(0 8px 26px rgba(46,200,182,.28))}50%{filter:drop-shadow(0 10px 40px rgba(46,200,182,.52))}}.orbit{position:absolute;width:108%;height:108%;border-radius:50%;z-index:1;animation:spin 26s linear infinite;will-change:transform}.orbit:after{content:"";position:absolute;top:-7px;left:50%;width:15px;height:15px;margin-left:-7.5px;border-radius:50%;background:var(--coral);box-shadow:0 0 18px var(--coral)}@keyframes spin{to{transform:rotate(360deg)}}.satellite{position:absolute;width:101%;height:101%;z-index:1;animation:spin-rev 15s linear infinite}.satellite:after{content:"";position:absolute;bottom:-6px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}@keyframes spin-rev{to{transform:rotate(-360deg)}}.stage{position:relative;z-index:2;transform:scale(.66)}.scene{position:relative;width:300px;height:320px;animation:float 6s ease-in-out infinite;transform-origin:50% 50%;will-change:transform}@keyframes float{0%,to{transform:translateY(10px) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.tether{position:absolute;left:78px;top:117px;width:260px;height:200px;overflow:visible;z-index:0}.tether path{fill:none;stroke:var(--tether);stroke-width:5;stroke-linecap:round}.tether__clip{fill:none;stroke:var(--tether);stroke-width:5}.astronaut{position:absolute;left:50%;top:6px;width:190px;height:300px;transform:translate(-50%)}.helmet{position:absolute;left:31px;top:4px;width:128px;height:128px;border-radius:50%;background:var(--suit);box-shadow:inset -10px -8px 0 var(--suit-shade);z-index:6}.visor{position:absolute;left:18px;top:30px;width:92px;height:74px;border-radius:46px/40px;background:radial-gradient(120% 120% at 30% 25%,var(--visor) 0%,var(--visor-2) 100%);overflow:hidden}.visor:after{content:"";position:absolute;left:12px;top:10px;width:34px;height:20px;border-radius:50%;background:var(--visor-glow);opacity:.55;animation:sheen 5s ease-in-out infinite}.visor:before{content:"";position:absolute;right:16px;bottom:14px;width:12px;height:12px;border-radius:50%;background:var(--visor-glow);opacity:.35}@keyframes sheen{0%,to{opacity:.5}50%{opacity:.8}}.torso{position:absolute;left:41px;top:116px;width:108px;height:112px;border-radius:48px;background:var(--suit);box-shadow:inset -10px -10px 0 var(--suit-shade);z-index:5}.panel{position:absolute;left:50%;top:34px;transform:translate(-50%);width:52px;height:34px;border-radius:10px;background:var(--visor-2);display:flex;align-items:center;justify-content:center;gap:8px}.led{width:12px;height:12px;border-radius:50%;display:block}.led--a{background:var(--coral);animation:blink 1.6s steps(1,end) infinite}.led--b{background:var(--teal);animation:blink 1.6s steps(1,end) infinite;animation-delay:.8s}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.25}}.pack{position:absolute;left:34px;top:128px;width:122px;height:96px;border-radius:34px;background:var(--suit-deep);z-index:1}.arm{position:absolute;top:126px;width:36px;height:92px;border-radius:18px;background:var(--suit);box-shadow:inset -6px -6px 0 var(--suit-shade);transform-origin:top center;z-index:4}.arm:after{content:"";position:absolute;left:-3px;bottom:-6px;width:42px;height:42px;border-radius:50%;background:var(--suit-shade)}.arm--l{left:16px;animation:wave-l 3.4s ease-in-out infinite}.arm--r{right:16px;animation:wave-r 3.8s ease-in-out infinite}@keyframes wave-l{0%,to{transform:rotate(12deg)}50%{transform:rotate(26deg)}}@keyframes wave-r{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-28deg)}}.leg{position:absolute;top:214px;width:42px;height:84px;border-radius:20px;background:var(--suit);box-shadow:inset -6px -6px 0 var(--suit-shade);transform-origin:top center;z-index:3}.leg:after{content:"";position:absolute;left:-4px;bottom:-6px;width:54px;height:34px;border-radius:14px 14px 20px 20px;background:var(--suit-deep)}.leg--l{left:48px;animation:sway-l 4.2s ease-in-out infinite}.leg--r{right:48px;animation:sway-r 4.6s ease-in-out infinite}@keyframes sway-l{0%,to{transform:rotate(8deg)}50%{transform:rotate(3deg)}}@keyframes sway-r{0%,to{transform:rotate(-8deg)}50%{transform:rotate(-3deg)}}.eyebrow{margin:30px 0 0;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--teal);animation:rise .6s var(--ease-out) .5s both}.title{margin:8px 0 0;font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,5.5vw,3.4rem);letter-spacing:.01em;animation:rise .6s var(--ease-out) .6s both}.subtitle{margin:12px auto 0;max-width:42ch;font-size:clamp(.95rem,2.2vw,1.08rem);line-height:1.6;color:var(--muted);animation:rise .6s var(--ease-out) .72s both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.home{margin-top:28px;display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:999px;border:2px solid var(--suit);color:var(--text);font-size:1.05rem;text-decoration:none;animation:rise-btn .6s var(--ease-out) .86s both;transition:transform .25s var(--ease-back),background-color .25s var(--ease-out),color .25s var(--ease-out),box-shadow .25s var(--ease-out)}.home__icon{transition:transform .25s var(--ease-back)}.home:hover,.home.is-hover{background:var(--suit);color:var(--bg-2);transform:translateY(-3px);box-shadow:0 14px 32px #2ec8b647}.home:hover .home__icon,.home.is-hover .home__icon{transform:translate(-4px)}.home:focus-visible{outline:3px solid var(--visor-glow);outline-offset:3px}@keyframes rise-btn{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.scene{transform:rotate(-2deg)}.digit,.orb,.eyebrow,.title,.subtitle,.home{opacity:1!important}.stars{opacity:.7}}@media(max-width:560px){.planet{width:190px;height:190px;left:-60px;bottom:-70px}.stage{transform:scale(.54)}.digit{font-size:clamp(4.5rem,20vw,7rem)}.orb{width:clamp(190px,52vw,240px);height:clamp(190px,52vw,240px)}}