.zappyIntro{z-index:100;pointer-events:auto;background:radial-gradient(at 50% 44%,#123d66,#07162b 48%,#050914 80%);place-items:center;animation:6.4s both zappyReveal;display:grid;position:fixed;inset:0;overflow:hidden}.zappyCamera{aspect-ratio:1;transform-origin:60.263% 47.5%;will-change:transform;width:min(78vw,580px,70vh);animation:6.4s both zappyCamera;position:absolute;top:45%;left:50%}.zappyDancer{transform-origin:50% 47.5%;will-change:transform;width:100%;height:100%;animation:4.55s both zappyDance}.zappyDancer svg{filter:drop-shadow(0 0 20px #2eb8ff60);width:100%;height:100%;display:block;overflow:visible}.zappyGlow{aspect-ratio:1;filter:blur(70px);background:#2eb8ff30;border-radius:50%;width:min(60vw,400px);animation:.6s ease-in-out 8 alternate zappyPulse;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.zappyStageShadow{filter:blur(12px);background:#29c7ff40;border-radius:50%;width:min(43vw,290px);height:22px;animation:6.4s both zappyShadow;position:absolute;top:calc(45% + min(23vw,170px,21vh));left:50%}.zappyGreeting{text-align:center;width:100%;padding:0 20px;animation:6.4s both zappyWords;position:absolute;top:78%}.zappyGreeting span{color:#68d0ff;letter-spacing:3px;font-size:10px}.zappyGreeting h2{color:#f3f8ff;letter-spacing:-.6px;margin-top:12px;font-size:clamp(20px,4vw,28px)}.zappyBeat{justify-content:center;align-items:center;gap:5px;height:22px;margin-top:16px;display:flex}.zappyBeat i{background:#68d0ff;border-radius:4px;width:3px;height:15px;animation:.4s ease-in-out infinite alternate zappyBeat}.zappyBeat i:nth-child(2n){animation-delay:-.25s}.zappyBeat i:nth-child(3){animation-delay:-.1s}.zappyWink{opacity:0;animation:6.4s both zappyWink}.zappyEyeLight{opacity:0;transform-origin:858px 421px;animation:6.4s both zappyEyeLight}.zappyTunnel{opacity:0;background:radial-gradient(#05214100 5%,#052141aa 100%);place-items:center;animation:6.4s both zappyTunnel;display:grid;position:absolute;inset:0;overflow:hidden}.zappyTunnel i{aspect-ratio:1;width:35vmin;animation:zappyRing 1s calc(4.95s + var(--ring)*.12s) both;border:2px solid #68d0ff99;border-radius:50%;position:absolute;box-shadow:0 0 35px #2eb8ff55,inset 0 0 25px #2eb8ff33}@keyframes zappyDance{0%{opacity:0;transform:translateY(100px)scale(.35)rotate(-22deg)}10%{opacity:1;transform:translateY(-35px)scale(.94,1.08)rotate(9deg)}16%{transform:translateY(12px)scale(1.13,.86)rotate(-5deg)}23%{transform:translate(-65px,-28px)scale(.93,1.06)rotate(-18deg)}29%{transform:translate(-60px,8px)scale(1.08,.9)rotate(-12deg)}36%{transform:translate(65px,-34px)scale(.94,1.06)rotate(19deg)}42%{transform:translate(60px,8px)scale(1.1,.88)rotate(12deg)}49%{transform:translate(-35px,-22px)rotate(-14deg)}54%{transform:translateY(14px)scale(1.16,.82)rotate(-12deg)}63%{transform:translateY(-90px)scale(.88,1.08)rotate(160deg)}72%{transform:translateY(-20px)scale(.95,1.07)rotate(350deg)}78%{transform:translateY(15px)scale(1.16,.82)rotate(365deg)}84%{transform:translateY(-20px)scale(.97,1.04)rotate(354deg)}91%{transform:translateY(3px)scale(1.02,.98)rotate(363deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(360deg)}}@keyframes zappyCamera{0%,69%{animation-timing-function:ease-in-out;transform:translate(-50%,-50%)scale(1)}74%{animation-timing-function:cubic-bezier(.7,0,.8,.25);transform:translate(-50%,-50%)scale(.92)}90%,to{transform:translate(-60.263%,-47.5%)scale(65)}}@keyframes zappyWink{0%,65%,71%,to{opacity:0}66%,70%{opacity:1}}@keyframes zappyEyeLight{0%,74%{opacity:0;transform:scale(.1)}81%{opacity:.8;transform:scale(.7)}89%,to{opacity:1;transform:scale(1.1)}}@keyframes zappyReveal{0%,91%{opacity:1}to{opacity:0}}@keyframes zappyWords{0%,5%{opacity:0;transform:translateY(15px)}14%,65%{opacity:1;transform:translateY(0)}74%,to{opacity:0;transform:translateY(-15px)}}@keyframes zappyPulse{to{opacity:.45;transform:translate(-50%,-50%)scale(1.2)}}@keyframes zappyShadow{0%{opacity:0;transform:translate(-50%)scale(.4)}12%,36%,64%{opacity:.4;transform:translate(-50%)scale(.65)}20%,45%,56%,72%{opacity:1;transform:translate(-50%)scale(1)}80%,to{opacity:0;transform:translate(-50%)scale(1.5)}}@keyframes zappyBeat{to{opacity:.4;transform:scaleY(.3)}}@keyframes zappyTunnel{0%,79%{opacity:0}85%,94%{opacity:1}to{opacity:0}}@keyframes zappyRing{0%{opacity:0;transform:scale(.2)}15%{opacity:.8}to{opacity:0;transform:scale(7)}}