@layer components{.stage3d{perspective:1100px;perspective-origin:50% 40%}.card3d{--cw:clamp(15.5rem, 30vw, 25rem);width:var(--cw);height:calc(var(--cw) / 1.586);font-size:calc(var(--cw) / 19);transform-style:preserve-3d;position:relative}.card3d-face{backface-visibility:hidden;border-radius:1.1em;position:absolute;inset:0}.card3d-edge{backface-visibility:visible;background:#0d2a63}.card3d-edge--reward{background:#8a6410}.card3d-front{color:#fff;background:radial-gradient(120% 90% at 100% 0,#5ce1ff47,#0000 55%),radial-gradient(90% 80% at 0 100%,#1b6bf08c,#0000 60%),linear-gradient(145deg,#123a86,#0a1d44 60%,#071431);padding:1.15em 1.25em;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #ffffff14,0 30px 60px -20px #0009,0 0 80px -10px #1b6bf073}.card3d-front--reward{background:radial-gradient(120% 90% at 100% 0,#ffc83d59,#0000 55%),radial-gradient(90% 80% at 0 100%,#ffc83d40,#0000 60%),linear-gradient(145deg,#0f5a3c,#0b4630 55%,#062a1d);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffc83d4d,0 30px 60px -20px #0009,0 0 90px -5px #ffc83d73}.card3d-back{background:linear-gradient(160deg,#f4f9ff,#dbe8fb);transform:translateZ(-6.5px)rotateY(180deg);box-shadow:0 30px 60px -20px #0009}.card3d-sheen{mix-blend-mode:screen;background:linear-gradient(105deg,#0000 35%,#ffffff29 45%,#ffffff0a 52%,#0000 60%) 50% 0/250% 100%}.tunnel-scene{perspective:700px;perspective-origin:50% 45%;background:radial-gradient(60% 50% at 50% 45%, #1b6bf047, transparent 70%), linear-gradient(180deg, #040c1f, var(--color-tunnel) 40%, #081936);overflow:hidden}.hero-phone{filter:drop-shadow(0 4cqw 5cqw #00000073)drop-shadow(0 1.2cqw 1.8cqw #0000004d);background:#1c1f24;box-shadow:inset 0 0 0 .3cqw #4a4e55,inset 0 0 0 .6cqw #23262b,0 0 0 1px #ffffff0f}.hero-phone:before,.hero-phone:after{content:"";background:#2e3238;width:.45cqw;position:absolute}.hero-phone:before{border-radius:0 .3cqw .3cqw 0;height:10.3cqw;top:22cqw;right:-.45cqw}.hero-phone:after{border-radius:.3cqw 0 0 .3cqw;height:6.5cqw;top:17.6cqw;left:-.45cqw;box-shadow:0 8.8cqw #2e3238}.hero-laser{background:var(--color-water);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:31%;left:28%;right:28%;box-shadow:0 0 10px 2px #5ce1ff8c}.hero-laser.is-on{opacity:1;animation:1.3s ease-in-out infinite alternate hero-sweep}@keyframes hero-sweep{0%{top:31%}to{top:52%}}.hero-tap{opacity:0;background:#ffffff8c;border:2px solid #ffffffe6;border-radius:999px;width:6.5cqw;height:6.5cqw;margin:-3.25cqw 0 0 -3.25cqw;animation:.7s ease-out forwards hero-tap;position:absolute;top:46.4%;left:50%}@keyframes hero-tap{25%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.hero-ring{opacity:0;border-radius:999px;height:5.4%;animation:1.6s ease-out .5s 2 hero-ring;position:absolute;top:38.6%;left:18%;right:18%}@keyframes hero-ring{0%{opacity:1;box-shadow:0 0 #86eface6}to{opacity:0;box-shadow:0 0 0 2.4cqw #86efac00}}.preview-pop{animation:.45s cubic-bezier(.2,.8,.2,1) preview-pop}@keyframes preview-pop{0%{opacity:.4;transform:scale(.97)}}.arch-glow{border:3px solid #5ce1ff80;border-bottom:0;border-radius:50% 50% 0 0/60% 60% 0 0;box-shadow:0 0 30px #5ce1ff4d,inset 0 0 30px #5ce1ff33}.btn-glow{color:#fff;background:linear-gradient(180deg, #2a7bff, var(--color-brand));border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;height:3rem;padding:0 1.4rem;font-size:.9375rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 8px 30px -6px #1b6bf0cc,0 0 0 1px #5ce1ff40}.btn-glow:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 12px 36px -6px #1b6bf0f2,0 0 0 1px #5ce1ff80}.btn-glow:active{transform:translateY(1px)}}