.token-hero{position:relative}.token-ghost{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:clamp(6rem,16vw,14rem);letter-spacing:.15em;text-transform:uppercase;color:rgba(255,10,60,.03);z-index:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:ghost-drift-token 14s ease-in-out infinite}.donation-hub{position:relative;width:clamp(160px,22vw,220px);height:clamp(160px,22vw,220px);display:flex;align-items:center;justify-content:center}.donation-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.donation-ring-outer,.donation-ring-outer svg{width:100%;height:100%}.donation-ring-middle{width:80%;height:80%}.donation-ring-middle svg{width:100%;height:100%}.donation-ring-inner{width:60%;height:60%}.donation-ring-inner svg{width:100%;height:100%}.ring-rotate{transform-origin:center;animation:hub-rotate calc(12s - var(--intensity, 0) * 8s) linear infinite}.ring-rotate-reverse{transform-origin:center;animation:hub-rotate-reverse calc(10s - var(--intensity, 0) * 6s) linear infinite}.ring-dot{opacity:calc(.3 + var(--intensity, 0) * .7);filter:drop-shadow(0 0 calc(2px + var(--intensity, 0) * 4px) #ff0a3c)}.energy-arc{transform-origin:center;animation:energy-spin calc(3s - var(--intensity, 0) * 1.5s) linear infinite;stroke-dasharray:calc(30 + var(--intensity, 0) * 120) 200;filter:drop-shadow(0 0 calc(3px + var(--intensity, 0) * 6px) #ff0a3c)}.donation-particles{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.donation-particle{width:calc(3px + var(--intensity, 0) * 3px);height:calc(3px + var(--intensity, 0) * 3px);background:#ff0a3c;box-shadow:0 0 calc(4px + var(--intensity, 0) * 8px) #ff0a3c;animation:particle-float-token calc(4s - var(--intensity, 0) * 1.5s) ease-in-out infinite;animation-delay:calc(var(--i) * .5s)}.donation-core-glow,.donation-particle{position:absolute;top:50%;left:50%;border-radius:50%}.donation-core-glow{transform:translate(-50%,-50%);width:calc(60px + var(--intensity, 0) * 40px);height:calc(60px + var(--intensity, 0) * 40px);background:radial-gradient(circle,rgba(255,10,60,calc(.15 + var(--intensity, 0) * .2)) 0,rgba(255,10,60,calc(.05 + var(--intensity, 0) * .1)) 40%,transparent 70%);animation:core-pulse-hub calc(2s - var(--intensity, 0) * .8s) ease-in-out infinite;pointer-events:none}.donation-center{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(0,0,0,.85);border-radius:50%;width:58%;height:58%;padding:10px;border:1px solid rgba(255,10,60,calc(.2 + var(--intensity, 0) * .3));box-shadow:0 0 calc(10px + var(--intensity, 0) * 20px) rgba(255,10,60,calc(.1 + var(--intensity, 0) * .2)),inset 0 0 20px rgba(255,10,60,calc(.05 + var(--intensity, 0) * .1))}@keyframes hub-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hub-rotate-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes energy-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes particle-float-token{0%,to{transform:rotate(calc(var(--i) * 60deg)) translateX(calc(40px + var(--intensity, 0) * 20px)) scale(1);opacity:calc(.4 + var(--intensity, 0) * .6)}50%{transform:rotate(calc(var(--i) * 60deg + 30deg)) translateX(calc(50px + var(--intensity, 0) * 25px)) scale(1.2);opacity:1}}@keyframes core-pulse-hub{0%,to{transform:translate(-50%,-50%) scale(1);opacity:calc(.5 + var(--intensity, 0) * .5)}50%{transform:translate(-50%,-50%) scale(calc(1.1 + var(--intensity, 0) * .2));opacity:calc(.7 + var(--intensity, 0) * .3)}}.orbit-reveal{opacity:0;transform:translateY(16px)}[data-loaded=true] .orbit-reveal{animation:orbit-reveal-token .7s ease forwards}.orbit-delay-1{animation-delay:.15s!important}.orbit-delay-2{animation-delay:.3s!important}@keyframes orbit-reveal-token{to{opacity:1;transform:translateY(0)}}@keyframes ghost-drift-token{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-20px)}}@media (max-width:768px){.token-ghost{display:none}.donation-hub{width:150px;height:150px}.donation-center{width:62%;height:62%;padding:8px}@keyframes particle-float-token{0%,to{transform:rotate(calc(var(--i) * 60deg)) translateX(calc(28px + var(--intensity, 0) * 12px)) scale(1);opacity:calc(.4 + var(--intensity, 0) * .6)}50%{transform:rotate(calc(var(--i) * 60deg + 30deg)) translateX(calc(35px + var(--intensity, 0) * 15px)) scale(1.2);opacity:1}}}@media (max-width:480px){.donation-hub{width:140px;height:140px}.donation-center{width:65%;height:65%;padding:6px}@keyframes particle-float-token{0%,to{transform:rotate(calc(var(--i) * 60deg)) translateX(calc(25px + var(--intensity, 0) * 10px)) scale(1);opacity:calc(.4 + var(--intensity, 0) * .6)}50%{transform:rotate(calc(var(--i) * 60deg + 30deg)) translateX(calc(32px + var(--intensity, 0) * 12px)) scale(1.2);opacity:1}}}@media (prefers-reduced-motion:reduce){.donation-core-glow,.donation-particle,.energy-arc,.orbit-reveal,.ring-rotate,.ring-rotate-reverse,.token-ghost{animation:none!important}.orbit-reveal{opacity:1;transform:none}}