@keyframes gradient-shift-2025{0%{background-position:0 50%}33%{background-position:100% 30%}66%{background-position:0 70%}to{background-position:0 50%}}.animate-gradient-shift{background:linear-gradient(135deg,hsl(280 100% 75%),hsl(320 100% 75%) 25%,hsl(180 100% 70%) 50%,hsl(45 100% 65%) 75%,hsl(280 100% 75%));background-size:300% 300%;animation:gradient-shift-2025 4s ease-in-out infinite;box-shadow:0 0 20px hsl(280 100% 75%/.4)}.top-supporter-text{background:linear-gradient(90deg,hsl(280 100% 75%),hsl(320 100% 75%) 12%,hsl(340 100% 70%) 24%,hsl(0 85% 65%) 36%,hsl(20 90% 65%) 48%,hsl(45 100% 65%) 60%,hsl(180 100% 70%) 72%,hsl(200 90% 70%) 84%,hsl(280 100% 75%));background-size:400% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-gradient-flow-2025 5s ease-in-out infinite;font-weight:800;letter-spacing:.05em;text-transform:uppercase;filter:drop-shadow(0 0 8px hsl(280 100% 75%/.6))}@keyframes text-gradient-flow-2025{0%{background-position:0 50%}25%{background-position:100% 25%}50%{background-position:200% 50%}75%{background-position:300% 75%}to{background-position:400% 50%}}.vip-glow{position:relative;overflow:hidden}.vip-glow:before{inset:-3px;background:linear-gradient(45deg,hsl(45 100% 65%),hsl(320 100% 75%) 25%,hsl(280 100% 75%) 50%,hsl(180 100% 70%) 75%,hsl(45 100% 65%));background-size:400% 400%;animation:glow-rotate-2025 4s linear infinite;opacity:.6;filter:blur(8px)}.vip-glow:after,.vip-glow:before{content:"";position:absolute;border-radius:inherit;z-index:-1}.vip-glow:after{inset:-1px;background:linear-gradient(135deg,hsl(45 100% 70%/.8),hsl(320 100% 80%/.6) 50%,hsl(280 100% 80%/.8));background-size:200% 200%;animation:glow-rotate-2025 6s linear infinite reverse;opacity:.4;filter:blur(2px)}@keyframes glow-rotate-2025{0%{background-position:0 50%;transform:rotate(0deg)}25%{background-position:100% 25%;transform:rotate(90deg)}50%{background-position:200% 50%;transform:rotate(180deg)}75%{background-position:300% 75%;transform:rotate(270deg)}to{background-position:400% 50%;transform:rotate(1turn)}}.role-sparkle{position:relative;overflow:hidden}.role-sparkle:before{top:-75%;left:-75%;width:250%;height:250%;background:radial-gradient(circle at 30% 30%,hsl(280 100% 75%/.4) 0,hsl(320 100% 75%/.3) 25%,transparent 50%),radial-gradient(circle at 70% 70%,hsl(180 100% 70%/.3) 0,hsl(45 100% 65%/.2) 25%,transparent 50%);animation:sparkle-rotate-2025 8s linear infinite;z-index:1}.role-sparkle:after,.role-sparkle:before{content:"";position:absolute;pointer-events:none}.role-sparkle:after{top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,hsl(280 100% 75%/.2) 45deg,transparent 90deg,hsl(320 100% 75%/.3) 135deg,transparent 180deg,hsl(180 100% 70%/.2) 225deg,transparent 270deg,hsl(45 100% 65%/.3) 315deg,transparent 1turn);animation:sparkle-rotate-2025 6s linear infinite reverse;z-index:2}@keyframes sparkle-rotate-2025{0%{transform:rotate(0deg) scale(.7);opacity:0;filter:blur(2px)}25%{transform:rotate(90deg) scale(1);opacity:.8;filter:blur(1px)}50%{transform:rotate(180deg) scale(1.3);opacity:1;filter:blur(0)}75%{transform:rotate(270deg) scale(1.1);opacity:.6;filter:blur(1px)}to{transform:rotate(1turn) scale(.7);opacity:0;filter:blur(2px)}}.role-badge{transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.role-badge:hover{transform:translateY(-4px) scale(1.05) rotateX(5deg);box-shadow:0 12px 40px hsl(222 50% 3%/.8),0 0 30px hsl(280 100% 75%/.6)}.role-badge:hover .vip-glow:before{opacity:.8;filter:blur(12px);animation-duration:2s}.role-badge:hover .vip-glow:after{opacity:.6;filter:blur(4px);animation-duration:3s}.role-badge:hover .role-sparkle:after,.role-badge:hover .role-sparkle:before{animation-duration:3s;opacity:1}.role-active{animation:role-pulse-2025 2s ease-in-out infinite}@keyframes role-pulse-2025{0%,to{box-shadow:0 0 20px hsl(280 100% 75%/.4)}50%{box-shadow:0 0 40px hsl(280 100% 75%/.8),0 0 60px hsl(320 100% 75%/.6)}}.dj-role{background:linear-gradient(135deg,hsl(45 100% 65%),hsl(320 100% 75%));animation:dj-glow 3s ease-in-out infinite alternate}@keyframes dj-glow{0%{box-shadow:0 0 20px hsl(45 100% 65%/.6)}to{box-shadow:0 0 40px hsl(320 100% 75%/.8)}}.producer-role{background:linear-gradient(135deg,hsl(260 100% 70%),hsl(280 100% 75%));position:relative}.producer-role:before{content:"♪";position:absolute;top:-10px;right:-5px;font-size:.875rem;color:hsl(280 100% 80%);animation:music-note-float 2s ease-in-out infinite}@keyframes music-note-float{0%,to{transform:translateY(0) rotate(0deg);opacity:.6}50%{transform:translateY(-8px) rotate(10deg);opacity:1}}@media (max-width:768px){.top-supporter-text{animation-duration:3s;font-size:.875rem}.animate-gradient-shift{animation-duration:2.5s}.role-sparkle:after,.role-sparkle:before{animation-duration:4s}.vip-glow:after,.vip-glow:before{filter:blur(4px)}.role-badge:hover{transform:translateY(-2px) scale(1.02)}}@media (max-width:1024px) and (min-width:769px){.role-badge{transition-duration:.3s}.vip-glow:after,.vip-glow:before{filter:blur(6px)}}@media (prefers-reduced-motion:reduce){.animate-gradient-shift,.dj-role,.producer-role:before,.role-active,.role-sparkle:after,.role-sparkle:before,.top-supporter-text,.vip-glow:after,.vip-glow:before{animation:none!important}.top-supporter-text{background:linear-gradient(90deg,hsl(280 100% 75%),hsl(320 100% 75%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.role-badge:hover{transform:translateY(-2px) scale(1.02)}.vip-glow:before{opacity:.4;background:hsl(45 100% 65%)}}