:root{--bg: #02070b;--ink: #e8fbff;--ink-dim: rgba(200, 245, 255, .78);--cyan: #00e5ff;--cyan-deep: #00a9c4;--magenta: #ff2d8a;--px: 0;--py: 0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Chakra Petch,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.glitch{position:relative;display:block}.glitch-base{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.glitch-ghost{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;-webkit-user-select:none;user-select:none;animation:glitch-a var(--gp) steps(1,end) var(--gd) infinite}.glitch-ghost.g1{filter:drop-shadow(6px 0 0 var(--cyan))}.glitch-ghost.g2{filter:drop-shadow(-6px 0 0 var(--magenta));animation-name:glitch-b}.glitch-tint .glitch-ghost.g1{filter:hue-rotate(25deg) saturate(2.4) brightness(1.4)}.glitch-tint .glitch-ghost.g2{filter:hue-rotate(-90deg) saturate(2.4) brightness(1.1)}@keyframes glitch-a{0%,84%{opacity:0}85%{opacity:1;clip-path:inset(12% 0 70% 0);transform:translate(-10px)}87%{clip-path:inset(55% 0 22% 0);transform:translate(12px)}89%{clip-path:inset(30% 0 50% 0);transform:translate(-6px)}91%{clip-path:inset(78% 0 6% 0);transform:translate(9px)}93%{clip-path:inset(4% 0 86% 0);transform:translate(-12px)}95%{opacity:0}to{opacity:0}}@keyframes glitch-b{0%,85%{opacity:0}86%{opacity:1;clip-path:inset(62% 0 18% 0);transform:translate(10px)}88%{clip-path:inset(20% 0 60% 0);transform:translate(-12px)}90%{clip-path:inset(44% 0 38% 0);transform:translate(7px)}92%{clip-path:inset(8% 0 80% 0);transform:translate(-9px)}94%{opacity:0}to{opacity:0}}.stage{position:relative;width:100%;height:100svh;min-height:520px;overflow:hidden;isolation:isolate}.bg{position:absolute;inset:-4%;z-index:-5;transform:translate(calc(var(--px) * -24px),calc(var(--py) * -16px));transition:transform .4s ease-out;filter:brightness(.62) contrast(1.6) saturate(1.8)}.bg-inner{width:100%;height:100%;animation:kenburns 24s ease-in-out infinite alternate,reveal 2s ease-out both}.capsule{width:100%;height:100%}.capsule .glitch-base,.capsule .glitch-ghost{height:100%;object-fit:cover}.capsule-fallback{background:radial-gradient(ellipse at 50% 30%,rgba(0,229,255,.35),transparent 55%),#06141c}@keyframes kenburns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.14) translate(-1.5%,-1%)}}@keyframes reveal{0%{filter:brightness(0)}12%{filter:brightness(1.6)}16%{filter:brightness(0)}30%{filter:brightness(1.2)}36%{filter:brightness(.1)}to{filter:brightness(1)}}.tint-wash{position:absolute;inset:0;z-index:-4;background:linear-gradient(to bottom,#031a26,#02070b 85%);mix-blend-mode:multiply;opacity:.55;pointer-events:none}.ring-glow{position:absolute;left:50%;top:22%;width:60vmax;height:60vmax;translate:-50% -50%;z-index:-3;background:radial-gradient(circle,rgba(0,229,255,.35),transparent 60%);mix-blend-mode:screen;pointer-events:none;animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.data-rain{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.45;pointer-events:none}.vignette{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,transparent 30%,rgba(0,0,0,.8) 100%),linear-gradient(to top,rgba(0,4,8,.9) 0%,transparent 50%);pointer-events:none}.scanlines{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);pointer-events:none;animation:scan-roll 8s linear infinite}@keyframes scan-roll{to{background-position:0 6px}}.tear{position:absolute;left:0;width:100%;height:3px;z-index:3;background:var(--cyan);box-shadow:0 0 14px var(--cyan);mix-blend-mode:screen;opacity:0;pointer-events:none;animation:tear 7s steps(1,end) infinite}.tear-a{top:30%}.tear-b{top:68%;height:2px;animation-duration:9s;animation-delay:-4s;background:var(--magenta);box-shadow:0 0 14px var(--magenta)}@keyframes tear{0%,91%{opacity:0}92%{opacity:.9;transform:translateY(0) scaleX(1)}93%{opacity:0}94%{opacity:.7;transform:translateY(40px) scaleX(.6)}95%{opacity:0}96%{opacity:.9;transform:translateY(-60px)}97%,to{opacity:0}}.sprite-layer{position:absolute;z-index:0;pointer-events:none;transition:transform .4s ease-out}.sprite .glitch-base{filter:drop-shadow(0 0 22px rgba(0,229,255,.35)) drop-shadow(0 18px 28px rgba(0,0,0,.6))}.char-left{left:1%;bottom:3%;width:min(30vw,48svh);transform:translate(calc(var(--px) * 36px),calc(var(--py) * 24px))}.char-left .sprite-enter{animation:enter-left 1.1s .9s cubic-bezier(.2,1.1,.35,1) both}.char-left .sprite-idle{animation:hover 4.2s 2.1s ease-in-out infinite}@keyframes enter-left{0%{opacity:0;transform:translate(-130%);filter:brightness(2.5) hue-rotate(40deg)}30%{opacity:1}60%{transform:translate(4%);filter:brightness(1)}70%{transform:translate(-3%);filter:brightness(1.8)}76%{filter:brightness(1)}to{opacity:1;transform:none}}.char-right{right:-1%;top:9%;width:min(48vw,90svh);transform:translate(calc(var(--px) * 52px),calc(var(--py) * 32px))}.char-right .sprite-enter{animation:enter-right 1.1s 1.2s cubic-bezier(.2,1.1,.35,1) both}.char-right .sprite-idle{animation:hover 3.6s 2.4s ease-in-out infinite reverse}@keyframes enter-right{0%{opacity:0;transform:translate(130%);filter:brightness(2.5) hue-rotate(40deg)}30%{opacity:1}60%{transform:translate(-4%);filter:brightness(1)}70%{transform:translate(3%);filter:brightness(1.8)}76%{filter:brightness(1)}to{opacity:1;transform:none}}@keyframes hover{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1.2deg)}}.content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3.6rem,1.6vh,1.2rem);padding:0 16px clamp(2.5rem,8vh,5.5rem);text-align:center;pointer-events:none;transform:translate(calc(var(--px) * 10px),calc(var(--py) * 6px));transition:transform .4s ease-out}.content>*{pointer-events:auto}.footer{position:absolute;left:0;right:0;bottom:12px;height:48px;text-align:center;font-style:italic;color:#6ff1ff}.kicker{margin:0;display:inline-flex;align-items:center;gap:.7em;padding:.45em 1em;border:1px solid rgba(0,229,255,.45);background:#000c1299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:clamp(.7rem,1.1vw,.82rem);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);animation:fade-up .8s 1.3s both}.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 #00e5ffcc;animation:pulse 1.8s ease-out infinite}@keyframes pulse{to{box-shadow:0 0 0 12px #00e5ff00}}.title{margin:0;line-height:0;display:flex;justify-content:center}.title-logo{width:min(88vw,max(280px,min(820px,20svh * 5.3)));filter:drop-shadow(0 0 18px rgba(0,229,255,.55)) drop-shadow(0 12px 24px rgba(0,0,0,.6));animation:logo-boot 1.2s .5s both}@keyframes logo-boot{0%{opacity:0;transform:scaleY(.02) scaleX(1.1)}20%{opacity:1;transform:scaleY(1) translate(-14px)}28%{transform:translate(16px);opacity:.3}36%{transform:translate(-6px);opacity:1}44%{transform:none;opacity:.2}52%,to{opacity:1;transform:none}}.tagline{margin:0;min-height:1.4em;font-size:clamp(.9rem,1.5vw,1.15rem);font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 0 14px rgba(0,229,255,.5),0 2px 12px rgba(0,0,0,.9);animation:fade-up .8s 1.1s both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cta{position:relative;overflow:hidden;margin-top:.6rem;display:inline-flex;align-items:center;gap:.7em;padding:1em 1.8em;background:linear-gradient(180deg,#5cf1ff,var(--cyan) 55%,var(--cyan-deep));color:#00161c;font-family:inherit;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);filter:drop-shadow(0 0 14px rgba(0,229,255,.55));transition:transform .15s ease,filter .15s ease;animation:fade-up .8s 1.5s both,glow 2.6s 2.4s ease-in-out infinite}.cta:hover{transform:translateY(-2px);filter:drop-shadow(0 0 22px rgba(0,229,255,.9)) brightness(1.1);animation-name:fade-up}.cta:active{transform:translateY(2px)}.cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.cta-icon{width:1.5em;height:1.5em;flex-shrink:0}.cta-shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skew(-20deg);animation:shine 3.5s 2.5s ease-in-out infinite}@keyframes shine{0%,70%{left:-60%}to{left:130%}}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(0,229,255,.4))}50%{filter:drop-shadow(0 0 26px rgba(0,229,255,.9))}}@media(max-width:700px){.tagline{letter-spacing:.16em}.char-left{left:-6%;top:6%;bottom:auto;width:46vw}.char-right{right:-14%;top:12%;width:78vw}.glitch-ghost.g1{filter:drop-shadow(3px 0 0 var(--cyan))}.glitch-ghost.g2{filter:drop-shadow(-3px 0 0 var(--magenta))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition:none!important}.glitch-ghost,.tear,.data-rain{display:none}}