.hero{background:var(--bg);align-items:center;min-height:calc(100svh - 76px);padding:24px 0 88px;display:flex;position:relative;overflow:hidden}.hero-parallax{z-index:0;pointer-events:none;transform-origin:50% 100%;will-change:transform;position:absolute;inset:-6% -4% 0;-webkit-mask-image:linear-gradient(#000 0 80%,#0000 calc(100% - 3px));mask-image:linear-gradient(#000 0 80%,#0000 calc(100% - 3px));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;container-type:size}.hero-parallax:before{content:"";background:var(--bg);position:absolute;inset:0}.hero-stage{--art-ratio:1.7768;width:max(100cqw, 100cqh * var(--art-ratio));height:max(100cqh, 100cqw / var(--art-ratio));position:absolute;bottom:0;left:50%;translate:-50%}.hero-parallax .pl{opacity:0;will-change:transform, opacity;position:absolute;inset:0}.hero-parallax .pl img,.hero-stars{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pl-galaxy{transform-origin:71% 64.4%}.pl-rocket{transform-origin:61.7% 49.3%}.pl-satellite{transform-origin:18% 39.5%}.pl-earth{transform-origin:50% 100%}.pl-koala{transform-origin:17.7% 100%}.pl-rocket img{transform-origin:61.7% 49.3%}.pl-satellite img{transform-origin:18% 39.5%}.pl-earth img{transform-origin:50% 260%}.pl-satellite img{clip-path:inset(0 54% 0 0)}.pl-rocket img{clip-path:inset(0 0 0 46%)}.sun-flare{aspect-ratio:1;mix-blend-mode:screen;opacity:.55;background:radial-gradient(circle,#fffae1f2 0%,#ffd6788c 14%,#ffaa4638 34%,#ff8c3c00 68%);border-radius:50%;width:34%;position:absolute;top:64.4%;left:71%;translate:-50% -50%}.rocket-flame{transform-origin:0;filter:blur(3px);mix-blend-mode:screen;background:linear-gradient(90deg,ivory 0%,#ffd666f2 18%,#ff8030b3 45%,#ec489940 75%,#ec489900 100%);border-radius:50%;width:7%;height:2.2%;animation:.12s steps(2,end) infinite alternate flameFlicker;position:absolute;top:51.7%;left:54.5%;rotate:130deg;scale:.35 .6}@keyframes flameFlicker{0%{opacity:.82}to{opacity:1}}.koala-beacon{aspect-ratio:1;mix-blend-mode:screen;opacity:.45;background:radial-gradient(circle,#7dd3fce6 0%,#38bdf873 30%,#38bdf800 70%);border-radius:50%;width:6.5%;animation:2.8s ease-in-out infinite beaconPulse;position:absolute;top:74.9%;left:17.7%;translate:-50% -50%}@keyframes beaconPulse{0%,to{scale:1}50%{scale:1.18}}.hero-scrim{z-index:1;pointer-events:none;opacity:.82;background:linear-gradient(90deg,#05070ff0 0%,#05070fd1 26%,#05070f73 44%,#05070f00 64%);position:absolute;inset:0}.hero-vignette{--fade:0;z-index:1;pointer-events:none;background:linear-gradient(180deg, #05070f00 60%, #05070f8c 88%, #05070f 100%), rgba(5,7,15, var(--fade));position:absolute;inset:0}.hero-inner{max-width:560px;position:relative}.hero-inner.panel3{padding:38px 42px 36px}.hero h1{text-shadow:0 2px 24px #05070f8c;margin-bottom:16px;font-size:clamp(1.65rem,2.7vw,2.2rem);font-weight:800;line-height:1.12}.hero h1 .grad-blue{background:linear-gradient(90deg,#38bdf8,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text}.hero h1 .grad-warm{background:var(--grad-warm);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy{color:var(--muted);text-shadow:0 1px 12px #05070f80;max-width:480px;margin-bottom:18px;font-size:17px;line-height:1.65}.hero-points{color:var(--ink);gap:9px;margin:0 0 28px;padding:0;font-size:15px;font-weight:700;line-height:1.45;list-style:none;display:grid}.hero-points li{align-items:flex-start;gap:10px;display:flex}.hero-points svg{fill:none;width:18px;height:18px;stroke:var(--lime);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:2px}.hero-closer{color:#ffe3a3;margin:-8px 0 24px;font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:700}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.floating-card{z-index:3;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1224d9;border-radius:16px;padding:12px 16px;font-family:"Baloo 2",sans-serif;font-size:13.5px;font-weight:700;animation:4.5s ease-in-out infinite floatCard;position:absolute;box-shadow:0 14px 30px #00000059}.floating-card small{color:var(--muted);margin-top:3px;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;display:block}.float-upload{border-left:3px solid var(--blue);animation-delay:0s;top:12%;right:4%}.float-xp{border-left:3px solid var(--gold);animation-delay:1.2s;top:50%;right:12%}.float-pass{border-left:3px solid var(--pink);animation-delay:.6s;bottom:12%;right:6%}@keyframes floatCard{0%,to{translate:0}50%{translate:0 -10px}}.hero-verse{z-index:2;text-align:center;pointer-events:none;visibility:hidden;width:min(90%,900px);margin:0;position:absolute;top:40%;left:50%;translate:-50% -50%}.hero-verse p{color:#fff;text-shadow:0 0 28px #ffd6788c,0 4px 30px #05070fb3;margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(2rem,4.4vw,3.8rem);font-weight:800;line-height:1.12}.verse-word{margin:0 .12em;display:inline-block}.hero-verse cite{letter-spacing:.14em;text-transform:uppercase;color:#ffe3a3;text-shadow:0 2px 14px #05070fcc;margin-top:6px;font-family:Nunito,sans-serif;font-size:15px;font-style:normal;font-weight:800;display:inline-block}.hero-cue{z-index:3;letter-spacing:.16em;text-transform:uppercase;color:#f5f6fbbf;pointer-events:none;flex-direction:column;align-items:center;gap:2px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:22px;left:50%;translate:-50%}.hero-cue svg{animation:1.6s ease-in-out infinite cueNudge}@keyframes cueNudge{0%,to{opacity:.6;translate:0}50%{opacity:1;translate:0 5px}}.hero:after{content:"";z-index:4;background:var(--bg);pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}:is(.pin-spacer:has(>.hero)+*,.hero+*){z-index:1;box-shadow:0 -4px 0 0 var(--bg), inset 0 4px 0 0 var(--bg);position:relative}@media (width<=980px){.hero{min-height:auto;padding:80px 0 64px}.hero-inner{max-width:100%}.floating-card,.hero-verse,.hero-cue{display:none}.hero-scrim{opacity:1;background:linear-gradient(#05070f59 0%,#05070f99 100%)}}