.vhop-brand-intro{z-index:10000;color:#fff;isolation:isolate;background:radial-gradient(circle at 50% 44%,#122d62 0%,#081833 48%,#030b1b 100%);place-items:center;min-height:100dvh;animation:.42s ease-in 2.58s both vhop-intro-out;display:grid;position:fixed;inset:0;overflow:hidden}.vhop-brand-intro__aurora{background:radial-gradient(at 28% 47%,#00bbf447,#0000 34%),radial-gradient(at 72% 52%,#1e67f152,#0000 34%);animation:3s ease-in-out both vhop-intro-aurora;position:absolute;inset:-30%}.vhop-brand-intro__orbit{aspect-ratio:1;border:1px solid #80cdff2b;border-radius:50%;width:min(68vw,650px);animation:2.8s cubic-bezier(.18,.7,.2,1) both vhop-intro-orbit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 0 65px #00bdff1a,inset 0 0 55px #2c92ff0f}.vhop-brand-intro__orbit--inner{width:min(46vw,430px);animation-delay:.16s}.vhop-brand-intro__content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(90vw,800px);display:flex;position:relative}.vhop-brand-intro__symbol-wrap{aspect-ratio:1;width:clamp(112px,15vw,180px);margin-bottom:19px;animation:1.15s cubic-bezier(.16,1,.3,1) both vhop-intro-symbol;position:relative}.vhop-brand-intro__symbol-glow{filter:blur(12px);background:radial-gradient(circle,#00baff7a,#0000 68%);border-radius:50%;animation:2.5s ease-in-out both vhop-intro-glow;position:absolute;inset:-28%}.vhop-brand-intro__symbol{object-fit:contain;filter:drop-shadow(0 12px 28px #007fff52);width:100%;height:100%;display:block;position:relative}.vhop-brand-intro__wordmark{flex-direction:column;align-items:center;gap:4px;animation:.75s ease-out .72s both vhop-intro-rise;display:flex}.vhop-brand-intro__wordmark strong{letter-spacing:.07em;text-shadow:0 0 35px #34a0ff80;font-size:clamp(3.4rem,10vw,7.2rem);font-weight:850;line-height:1}.vhop-brand-intro__wordmark span{color:#b4d8f6;letter-spacing:.12em;font-size:clamp(.68rem,1.6vw,1rem);font-weight:650}.vhop-brand-intro__message{color:#e6f5ff;letter-spacing:.04em;margin:27px 0 0;font-size:clamp(.92rem,2.3vw,1.2rem);font-weight:650;animation:.65s ease-out 1.42s both vhop-intro-rise}.vhop-brand-intro__skip{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:2;color:#f5fbff;min-height:44px;font:inherit;cursor:pointer;background:#0310257a;border:1px solid #dbf2ff7a;border-radius:999px;padding:8px 17px;font-size:.9rem;font-weight:650;transition:background .2s,border-color .2s;position:absolute}.vhop-brand-intro__skip:hover,.vhop-brand-intro__skip:focus-visible{background:#144774d9;border-color:#fff}.vhop-brand-intro__skip:focus-visible{outline-offset:3px;outline:3px solid #91dbff}.vhop-brand-intro__skip span{margin-left:.4em}@keyframes vhop-intro-symbol{0%{opacity:0;filter:blur(12px);transform:translateY(22px)scale(.55)rotate(-9deg)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)rotate(0)}}@keyframes vhop-intro-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vhop-intro-orbit{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(-24deg)}35%{opacity:1}to{opacity:.55;transform:translate(-50%,-50%)scale(1.25)rotate(36deg)}}@keyframes vhop-intro-aurora{0%{opacity:0;transform:scale(.86)rotate(-8deg)}45%{opacity:1}to{opacity:.65;transform:scale(1.1)rotate(5deg)}}@keyframes vhop-intro-glow{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.2)}to{opacity:.45;transform:scale(1)}}@keyframes vhop-intro-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.vhop-brand-intro,.vhop-brand-intro__aurora,.vhop-brand-intro__orbit,.vhop-brand-intro__symbol-wrap,.vhop-brand-intro__symbol-glow,.vhop-brand-intro__wordmark,.vhop-brand-intro__message{animation:none}.vhop-brand-intro__orbit{opacity:.35;transform:translate(-50%,-50%)scale(1)}}
