.creation-scene{--voyage:12s;--voyage-start:-1.2s;isolation:isolate;pointer-events:none;position:relative}.creation-scene-art{isolation:isolate;perspective:900px;position:relative}.creation-halo{pointer-events:none;background:radial-gradient(at 60%,#624bce36,#42296512 45%,#0000 68%);border-radius:50%;position:absolute;inset:-6%}.creation-portal{isolation:isolate;position:absolute;inset:9% 10% 5%;transform:rotate(-24deg)}.creation-portal-depth{animation:portal-depth var(--voyage) var(--voyage-start) ease-in-out infinite;background:radial-gradient(at 50% 55%,#0a0a18 30%,#39245b55 68%,#8c67bdbb 72%,#0000 74%);border-radius:50%;position:absolute;inset:4%;box-shadow:inset 0 0 45px #a472ed38}.creation-portal-ring{animation:portal-open var(--voyage) var(--voyage-start) ease-in-out infinite;border:2px solid #b8a7ef88;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 18px #9d7af155,inset 0 0 22px #6eefff44}.creation-portal-ring:before{content:"";opacity:.85;background:conic-gradient(#0000 8%,#92f6ff 19%,#0000 33%,#ce9aff 52%,#0000 66%,#9eefff 79%,#0000 93%);border-radius:50%;animation:7s linear infinite portal-current;position:absolute;inset:-5px;-webkit-mask:radial-gradient(#0000 65%,#000 68% 71%,#0000 74%);mask:radial-gradient(#0000 65%,#000 68% 71%,#0000 74%)}.creation-portal-rim{border:1px solid #bfa5ff26;border-radius:50%;position:absolute;inset:-5%;transform:rotate(14deg)scaleX(1.07)}.creation-voyager{aspect-ratio:1;z-index:2;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.whale-swim{transform-origin:59% 56%;animation:whale-voyage var(--voyage) var(--voyage-start) cubic-bezier(.4,0,.3,1) infinite;will-change:transform;position:absolute;inset:0}.creation-whale{object-fit:contain;filter:drop-shadow(0 18px 30px #53449233)}.whale-city-lights{mix-blend-mode:screen;width:40%;height:26%;animation:city-wakes var(--voyage) var(--voyage-start) ease-in-out infinite;background:radial-gradient(circle at 15% 31%,#ffe0a5 0 2px,#0000 4px),radial-gradient(circle at 40% 46%,#ffe4a8 0 2px,#0000 5px),radial-gradient(circle at 59% 23%,#ffe8ae 0 2px,#0000 5px),radial-gradient(circle at 73% 70%,#ffe9b5 0 2px,#0000 5px),radial-gradient(at 50% 65%,#ffce7c28,#0000 62%);position:absolute;top:13%;left:36%}.whale-telescope-light{clip-path:polygon(0 72%,100% 0,100% 60%);transform-origin:0 72%;mix-blend-mode:screen;width:38%;height:25%;animation:telescope-search var(--voyage) var(--voyage-start) ease-in-out infinite;background:linear-gradient(15deg,#ffdc9c3b,#0000 85%);position:absolute;top:-2%;left:62%}.whale-exhale{opacity:0;transform-origin:56% 96%;width:27%;height:28%;animation:whale-exhale var(--voyage) var(--voyage-start) ease-out infinite;position:absolute;top:-9%;left:13%}.whale-exhale svg{width:100%;height:100%;overflow:visible}.whale-exhale path{fill:none;stroke:#bdefff;stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:3 8}.whale-stardust{position:absolute;top:17%;left:28%}.whale-stardust i{opacity:0;width:3px;height:3px;animation:whale-stardust var(--voyage) calc(var(--voyage-start) + var(--spark-delay)) ease-out infinite;background:#d6faff;border-radius:50%;position:absolute;box-shadow:0 0 8px #acdeff}.whale-stardust i:nth-child(3n){background:#e9caff;width:4px;height:4px;box-shadow:0 0 10px #c799ff}.whale-breath-planet{aspect-ratio:1;opacity:0;width:12%;animation:constellation-birth var(--voyage) var(--voyage-start) ease-in-out infinite;position:absolute;top:-6%;left:17%}.whale-breath-planet>i{background:radial-gradient(circle at 28% 25%,#e9fdff,#9bb6ed 30%,#78529f 65%,#231c43);border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 25px #9cb2ec55}.whale-breath-planet>span{border:2px solid #cfb6ff99;border-top-color:#cbb6ee33;border-radius:50%;position:absolute;inset:28% -4%;transform:rotate(-28deg)}.creation-wake{opacity:0;height:22%;animation:whale-wake var(--voyage) var(--voyage-start) ease-out infinite;z-index:3;border:1px solid #b9b6ff66;border-radius:50%;position:absolute;bottom:6%;left:10%;right:1%;transform:rotate(-17deg);box-shadow:0 0 16px #8eddff22}.creation-ripple{z-index:-1;border:1px solid #b5a0fa2e;border-radius:50%;animation:6s ease-out infinite creation-pulse;position:absolute;inset:12% 7% 7%}.creation-ripple.ripple-two{border-color:#8dedff20;animation-delay:-3s}.creation-constellation{opacity:.45;width:110%;height:110%;position:absolute;inset:-5%}.creation-constellation circle:nth-child(3n){animation:6s ease-in-out infinite alternate creation-star}.creation-constellation circle:nth-child(3n+1){animation:7s ease-in-out -3s infinite alternate creation-star}.creation-light-trails{z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.creation-trail{fill:none;stroke:#bcadff;stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:14 1100;stroke-dashoffset:1100px;opacity:0;animation:8s linear infinite creation-comet}.creation-trail.trail-two{stroke:#99f3ff;stroke-width:1px;animation-delay:-4s}.creation-scene-paused *,.creation-scene-paused :before,.creation-scene-paused :after{animation-play-state:paused!important}.landing-v2 .hero-world{padding-bottom:64px}.landing-v2 .hero-world .scene-direction{background:linear-gradient(110deg,#221c36c9,#17132199);border-radius:30px;max-width:440px;margin-inline:auto;padding:11px 19px;bottom:0;left:0;right:0;box-shadow:0 10px 40px #0003}.landing-v2 .hero-world .scene-direction p{font-size:13px}.landing-v2 .hero-world .scene-direction small{font-size:8px}@keyframes whale-voyage{0%,to{transform:translate(6%,9%)rotate(11deg)scale(.78)}18%{transform:translate3d(-1%,-4%,30px)rotate(-5deg)scale(1)}37%{transform:translate3d(-3%,-7%,45px)rotate(-8deg)scale(1.035)}58%{transform:translate3d(0,-1%,15px)rotate(-1deg)scale(.98)}79%{transform:translate3d(7%,10%,-55px)rotate(13deg)scale(.76)}}@keyframes portal-open{0%,to{opacity:.55;transform:scale(.9)}18%,38%{opacity:1;transform:scale(1.055)}72%{opacity:.6;transform:scale(.92)}}@keyframes portal-depth{0%,to{opacity:.45}22%,40%{opacity:.9}74%{opacity:.6}}@keyframes portal-current{to{transform:rotate(360deg)}}@keyframes city-wakes{0%,to{opacity:.2}24%,48%{opacity:.95}65%{opacity:.45}}@keyframes telescope-search{0%,18%,72%,to{opacity:0;transform:rotate(-13deg)}30%{opacity:.8}52%{opacity:.65;transform:rotate(16deg)}64%{opacity:0;transform:rotate(24deg)}}@keyframes whale-exhale{0%,24%,54%,to{opacity:0;transform:scale(.3)}29%{opacity:.65;transform:scale(.65)}40%{opacity:.4;transform:scale(1)}52%{opacity:0;transform:scale(1.12)}}@keyframes whale-stardust{0%,26%,57%,to{opacity:0;transform:translate(0)scale(.3)}29%{opacity:1}40%{opacity:.9;transform:translate(var(--spark-x),var(--spark-y)) scale(1)}55%{opacity:0;transform:translate(calc(var(--spark-x) * 1.2),calc(var(--spark-y) + 28px)) scale(.2)}}@keyframes constellation-birth{0%,32%,76%,to{opacity:0;transform:scale(.1)rotate(-20deg)}44%{opacity:.95;transform:scale(1)rotate(0)}62%{opacity:.7;transform:translateY(-26px)scale(.8)rotate(10deg)}74%{opacity:0;transform:translateY(-42px)scale(.3)rotate(20deg)}}@keyframes whale-wake{0%,14%,58%,to{opacity:0;transform:rotate(-17deg)scale(.55)}24%{opacity:.7}49%{opacity:0;transform:rotate(-17deg)scale(1.14)}}@keyframes creation-pulse{0%{opacity:0;transform:scale(.8)}18%{opacity:.8}to{opacity:0;transform:scale(1.22)}}@keyframes creation-comet{0%,12%{stroke-dashoffset:1100px;opacity:0}14%{opacity:.8}44%{opacity:.65}47%,to{stroke-dashoffset:0;opacity:0}}@keyframes creation-star{0%{opacity:.2}to{opacity:.9}}@media (max-width:700px){.creation-scene-art{clip-path:inset(-36px -24px -24px)}.creation-voyager{height:108%}.landing-v2 .hero-world{margin-top:38px;padding-bottom:64px}.landing-v2 .hero-world .scene-direction{max-width:360px;bottom:0;left:0;right:0}.creation-portal{inset:8% 8% 2%}.whale-stardust i{width:2px;height:2px}.creation-ripple{inset:10% 6% 5%}}.creation-scene-reduced *,.creation-scene-reduced :before,.creation-scene-reduced :after{animation:none!important}.creation-scene-reduced .whale-swim{transform:none}.creation-scene-reduced .whale-exhale,.creation-scene-reduced .whale-stardust,.creation-scene-reduced .whale-breath-planet,.creation-scene-reduced .whale-telescope-light,.creation-scene-reduced .creation-wake,.creation-scene-reduced .creation-ripple,.creation-scene-reduced .creation-light-trails{display:none}@media (prefers-reduced-motion:reduce){.creation-scene *,.creation-scene :before,.creation-scene :after{animation:none!important}.whale-swim{transform:none}.whale-exhale,.whale-stardust,.whale-breath-planet,.whale-telescope-light,.creation-wake,.creation-ripple,.creation-light-trails{display:none}}
