:root{--primary: #f9ff87;--secondary: #ff3b80;--ink: #1a1020;--ink-soft: rgba(26, 16, 32, .72);--logo-size: 5.25rem;--font-display: "Chewy", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.25rem;--max-width: 26.5rem}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:400;color:var(--ink);line-height:1.45;letter-spacing:.01em;text-align:center;background:var(--primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video{display:block;max-width:100%}a{color:inherit}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:color-mix(in srgb,var(--primary) 55%,var(--secondary))}.bg__blob{position:absolute;width:85vmax;height:85vmax;border-radius:50%;filter:blur(80px);opacity:.95;will-change:transform}.bg__blob--a{top:-30%;left:-25%;background:radial-gradient(circle at 40% 40%,var(--primary) 0%,color-mix(in srgb,var(--primary) 40%,var(--secondary)) 45%,transparent 70%);animation:drift-a 22s ease-in-out infinite alternate}.bg__blob--b{top:10%;right:-35%;width:95vmax;height:95vmax;background:radial-gradient(circle at 50% 50%,var(--secondary) 0%,color-mix(in srgb,var(--secondary) 55%,var(--primary)) 40%,transparent 68%);animation:drift-b 28s ease-in-out infinite alternate}.bg__blob--c{bottom:-40%;left:15%;width:80vmax;height:80vmax;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--primary) 70%,#fff) 0%,var(--secondary) 38%,transparent 70%);animation:drift-c 18s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18vw,22vh,0) scale(1.18)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(-22vw,12vh,0) scale(1.22)}}@keyframes drift-c{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-10vw,-20vh,0) scale(1.28)}}.commballs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.commball{position:absolute;width:3.5rem;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(26,16,32,.25));will-change:transform}.commball--1{top:6%;left:0;animation:float-ball-1 7s ease-in-out infinite alternate}.commball--2{top:50%;right:.1rem;left:auto;width:3.1rem;animation:float-ball-2 8.5s ease-in-out infinite alternate}.commball--3{bottom:12%;left:.15rem;width:3.25rem;animation:float-ball-3 6.5s ease-in-out infinite alternate}@keyframes float-ball-1{0%{transform:translateZ(0) rotate(-6deg)}to{transform:translate3d(8px,12px,0) rotate(8deg)}}@keyframes float-ball-2{0%{transform:translateZ(0) rotate(5deg)}to{transform:translate3d(-8px,10px,0) rotate(-7deg)}}@keyframes float-ball-3{0%{transform:translateZ(0) rotate(-4deg)}to{transform:translate3d(10px,-10px,0) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.bg__blob,.commball{animation:none}}.motion-off .bg__blob,.motion-off .commball{animation:none}.page{position:relative;z-index:1;width:min(100% - 1.25rem,var(--max-width));height:100dvh;margin-inline:auto;padding-block:.7rem .85rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:0;overflow:hidden}.promo__media{position:relative;z-index:1;width:100%;flex:0 1 auto;min-height:0;max-height:34dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateY(-2px);border-radius:1rem;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);border:3px solid #fff;outline:2px solid var(--ink);background:var(--ink);aspect-ratio:16 / 9}.promo__video{width:100%;height:100%;max-height:none;border:0;border-radius:.75rem;object-fit:cover}.page__intro{position:relative;z-index:1;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.55rem}.page__title{font-family:var(--font-display);font-size:clamp(1.9rem,8vw,2.75rem);font-weight:400;letter-spacing:.02em;line-height:1.05;margin:0;color:#fff;-webkit-text-stroke:.09em #000;paint-order:stroke fill;text-shadow:0 3px 0 #000,0 4px 10px rgba(0,0,0,.28)}.page__tagline{font-family:var(--font-display);font-size:clamp(1rem,4vw,1.25rem);font-weight:400;color:#fff;max-width:24rem;margin:0;line-height:1.3;letter-spacing:.01em;-webkit-text-stroke:.07em #000;paint-order:stroke fill;text-shadow:0 2px 0 #000}.page__actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:25px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.65rem;min-width:min(100%,16.5rem);padding:.6rem 1.25rem;border-radius:999px;font-family:var(--font-display);font-weight:400;font-size:.98rem;letter-spacing:.02em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn__icon{flex-shrink:0;-webkit-text-stroke:0;filter:drop-shadow(0 1px 0 #000)}.btn--join{color:#fff;-webkit-text-stroke:.06em #000;paint-order:stroke fill;text-shadow:0 2px 0 #000;background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 45%,var(--secondary)) 48%,var(--secondary) 100%);border:3px solid #fff;box-shadow:0 0 0 3px var(--ink),0 8px color-mix(in srgb,var(--secondary) 55%,var(--ink)),0 14px 24px #1a102033}.btn--join:hover,.btn--join:focus-visible{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 0 0 3px var(--ink),0 10px color-mix(in srgb,var(--secondary) 55%,var(--ink)),0 18px 28px #1a10203d}.btn--join:active{transform:translateY(1px);box-shadow:0 0 0 3px var(--ink),0 4px color-mix(in srgb,var(--secondary) 55%,var(--ink)),0 8px 16px #1a10202e}.site-logo{position:relative;z-index:1;flex:0 0 auto;display:block;width:var(--logo-size);transform:translateY(10px)}.site-logo__img{width:100%;height:auto;border-radius:1rem;border:3px solid #fff;box-shadow:0 0 0 2px var(--ink),0 8px 20px #1a102038;background:color-mix(in srgb,var(--primary) 35%,#fff)}@media(min-width:768px){:root{--logo-size: 6rem}.page{padding-block:1rem 1.25rem}.page__tagline{font-size:1.25rem;max-width:24rem}}@media(max-height:700px){:root{--logo-size: 4rem}.page__title{font-size:1.5rem}.page__tagline{font-size:.92rem}.btn{min-height:2.35rem;padding:.45rem 1.05rem;font-size:.9rem}.promo__media{max-height:28dvh}.commball{width:2.85rem}.commball--2{width:2.55rem}.commball--3{width:2.7rem}}