/* Motion stays decorative: controls, amounts and QR codes retain their layout. */
.ambient-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:strict}.ambient-scene:before,.ambient-scene:after{content:'';position:absolute;inset:-15% -15% 20%;background:radial-gradient(ellipse at 18% 26%,#8150d91a,transparent 47%),radial-gradient(ellipse at 90% 10%,#3cd3bd0c,transparent 38%);animation:ambient-drift 22s ease-in-out infinite alternate;will-change:transform}.ambient-scene:after{inset:30% -20% -25%;background:radial-gradient(ellipse at 80% 70%,#9260dc10,transparent 55%);animation-duration:29s;animation-delay:-9s}.site-header,.hero-copy,.floating-label{position:relative;z-index:2}.hero-visual .floating-label{position:absolute}.hero-visual{isolation:isolate}.game-scene{position:relative;width:100%;height:260px;isolation:isolate}.hero-visual .game-scene{position:absolute;inset:-22px -26px;width:auto;height:auto}.scene-canvas,.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.scene-canvas{opacity:0;transition:opacity 400ms ease}.scene-canvas canvas{display:block;width:100%;height:100%}.scene-fallback{opacity:1;transition:opacity 300ms ease}.scene-fallback .game-art{width:100%;max-height:100%;object-fit:contain}.scene-active .scene-canvas{opacity:1}.scene-active .scene-fallback{opacity:0;visibility:hidden}.auth-story .game-scene{height:260px;margin-top:26px}.auth-story .game-scene svg{margin:0;max-height:250px}.floating-label{animation:label-float 5.2s ease-in-out infinite}.label-two{animation-delay:-2.3s}.floating-label b{display:inline-block;animation:arrow-rise 2.8s ease-in-out infinite}.orbit-one{animation:orbit-breathe 9s ease-in-out infinite}.orbit-two{animation:orbit-breathe 11s ease-in-out infinite reverse}.hero-visual:has(.scene-active)>.orbit{opacity:0;visibility:hidden;animation:none}.live-dot,.network-pill i{box-shadow:0 0 0 0 #83e7b629;animation:signal-pulse 3.6s ease-out infinite}.hero-copy h1>span{background:linear-gradient(105deg,#af81ed 10%,#d5b7ff 45%,#af81ed 80%);background-size:180% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-glow 9s ease-in-out infinite alternate}.button{transition:transform 200ms ease,box-shadow 230ms ease,background-color 200ms ease,border-color 200ms ease}.button:hover{transform:translateY(-3px)}.button.primary:hover{box-shadow:0 10px 32px #9f70ec35}.button:active{transform:translateY(0) scale(.98)}.button:disabled{transform:none}.site-header nav a{transition:color 180ms ease;text-underline-offset:8px}.site-header nav a:hover{color:#dec8ff}.brand-mark{transition:transform 350ms cubic-bezier(.22,1,.36,1),box-shadow 350ms ease}.brand:hover .brand-mark{transform:rotate(5deg) translateY(-2px);box-shadow:0 0 24px #a77cf34a}.brand-mark>span{animation:plus-float 4s ease-in-out infinite}.package-card,.stored-code{--glow-x:50%;--glow-y:20%;position:relative;isolation:isolate;transition:border-color 250ms ease,box-shadow 250ms ease,transform 300ms ease}.package-card:after,.stored-code:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#bd90ff25,transparent 65%);opacity:0;transition:opacity 250ms ease}.package-card:hover:after,.stored-code:hover:after{opacity:1}.package-card:hover,.stored-code:hover{border-color:#a77de57a;box-shadow:0 12px 34px #00000025}.package-card .coin-art{transition:transform 420ms cubic-bezier(.22,1,.36,1)}.package-card:hover .coin-art,.package-card:focus-within .coin-art{transform:translateY(-6px) rotate(-4deg)}.package-card .card-check{transition:transform 300ms cubic-bezier(.18,1.4,.35,1),opacity 200ms ease}.package-card:has(input:checked) .card-check{transform:scale(1.1)}.member-form input{transition:border-color 200ms ease,box-shadow 200ms ease,background 200ms ease}.member-form input:focus{box-shadow:0 0 0 4px #a788d414;background:#171221}.avatar{transition:transform 240ms ease}.member-link:hover .avatar{transform:translateY(-2px) rotate(-5deg)}.balance-card{isolation:isolate}.balance-card:after{content:'✧';font-size:130px;line-height:1;position:absolute;right:10px;bottom:-23px;color:#d9baff0d;transform:rotate(12deg);z-index:-1;animation:balance-glint 10s ease-in-out infinite alternate}.success-area:not([hidden]) .success-mark{animation:success-pop 550ms cubic-bezier(.2,1.45,.5,1) both}.toast:not([hidden]){animation:toast-in 220ms ease-out}.motion-ready .reveal-item{opacity:0;transform:translateY(17px);transition:opacity 500ms ease,transform 550ms cubic-bezier(.22,1,.36,1);transition-delay:0ms}.motion-ready .reveal-item.is-revealed,.motion-ready .reveal-item:focus-within{opacity:1;transform:none}.motion-ready .reveal-delay-1{transition-delay:35ms}.motion-ready .reveal-delay-2{transition-delay:70ms}.motion-ready .reveal-delay-3{transition-delay:105ms}.motion-ready .reveal-item.is-revealed:hover{transition-delay:0ms}.reveal-item.is-revealed .button:hover{transform:translateY(-3px)}
@keyframes ambient-drift{from{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.04)}}@keyframes label-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes arrow-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes orbit-breathe{0%,100%{opacity:.6;scale:1}50%{opacity:.9;scale:1.03}}@keyframes signal-pulse{0%,70%,100%{box-shadow:0 0 0 0 #83e7b620}40%{box-shadow:0 0 0 5px #83e7b600}}@keyframes headline-glow{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes plus-float{0%,100%{translate:0 0}50%{translate:0 -3px}}@keyframes balance-glint{from{transform:rotate(12deg) translateY(0)}to{transform:rotate(-6deg) translateY(-8px)}}@keyframes success-pop{from{transform:scale(.70);opacity:0}to{transform:scale(1);opacity:1}}@keyframes toast-in{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:700px){.hero-visual .game-scene{inset:-15px -10px}.floating-label{animation-duration:6.5s}.ambient-scene:before,.ambient-scene:after{animation:none}.auth-story .game-scene{display:none}.button:hover{transform:none}.hero-copy h1>span{display:block;animation-duration:14s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal-item{opacity:1;transform:none}.game-scene .scene-fallback{opacity:1;visibility:visible}.scene-canvas{display:none}.button:hover,.brand:hover .brand-mark,.package-card:hover .coin-art{transform:none}}