.hero-bg-gradient{will-change:background-position;background:linear-gradient(135deg,#0f0220 0%,#2e1065 20%,#5b21b6 40%,#7c3aed 55%,#4c1d95 75%,#1a0533 100%) 0 0/300% 300%;animation:12s ease-in-out infinite alternate heroGradientShift}.hero-bg-vignette{background:radial-gradient(at 50% 40%,#0000 0%,#0f022066 70%,#0f0220cc 100%)}.hero-orb{filter:blur(64px);will-change:transform;animation:heroOrbFloat var(--orb-duration,8s) ease-in-out infinite;border-radius:9999px;position:absolute}.hero-star{will-change:opacity;animation:heroStarTwinkle var(--star-duration,3s) ease-in-out infinite;background:#fff;border-radius:9999px;position:absolute}@keyframes heroGradientShift{0%{background-position:0%}to{background-position:100%}}@keyframes heroOrbFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(25px,-40px)scale(1.15)}}@keyframes heroStarTwinkle{0%,to{opacity:.2}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.hero-bg-gradient,.hero-orb,.hero-star{animation:none}}
.energy-chart-dot{transform-box:fill-box;transform-origin:50%;will-change:transform, opacity;animation:1.5s ease-in-out infinite energyDotPulse}@keyframes energyDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.energy-chart-dot{animation:none}}