.giant-text{font-size:6rem;line-height:1}@media(max-width:1024px){.giant-text{font-size:5rem}}@media(max-width:768px){.giant-text{font-size:4rem}}@media(max-width:480px){.giant-text{font-size:3rem}}.gradient-text{background:linear-gradient(-45deg,#3b82f6,#8b5cf6,#a855f7,#9333ea);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rainbow-text 3s ease infinite}.gradient-text-glow{background:linear-gradient(-45deg,#3b82f6,#8b5cf6,#a855f7,#9333ea);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rainbow-text 3s ease infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-15px) rotate(90deg) scale(1.1)}50%{transform:translateY(-30px) rotate(180deg) scale(1)}75%{transform:translateY(-15px) rotate(270deg) scale(.9)}}@keyframes rainbow-text{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes bounce-1{0%,20%,50%,80%,100%{transform:translateY(0) rotateZ(0deg)}40%{transform:translateY(-30px) rotateZ(5deg)}60%{transform:translateY(-15px) rotateZ(-5deg)}}@keyframes bounce-2{0%,20%,50%,80%,100%{transform:translateY(0) rotateZ(0deg) scale(1)}40%{transform:translateY(-40px) rotateZ(-10deg) scale(1.2)}60%{transform:translateY(-20px) rotateZ(10deg) scale(1.1)}}@keyframes bounce-3{0%,20%,50%,80%,100%{transform:translateY(0) rotateZ(0deg)}40%{transform:translateY(-25px) rotateZ(15deg)}60%{transform:translateY(-10px) rotateZ(-15deg)}}@keyframes wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(5deg) scale(1.05)}75%{transform:rotate(-5deg) scale(.95)}}@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes glow{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}@keyframes shake-intense{0%,100%{transform:translateX(0) translateY(0) rotate(0deg)}10%{transform:translateX(-8px) translateY(-5px) rotate(-2deg)}20%{transform:translateX(8px) translateY(5px) rotate(2deg)}30%{transform:translateX(-6px) translateY(-3px) rotate(-1deg)}40%{transform:translateX(6px) translateY(3px) rotate(1deg)}50%{transform:translateX(-4px) translateY(-2px) rotate(-.5deg)}60%{transform:translateX(4px) translateY(2px) rotate(.5deg)}70%{transform:translateX(-2px) translateY(-1px) rotate(-.2deg)}80%{transform:translateX(2px) translateY(1px) rotate(.2deg)}90%{transform:translateX(-1px) translateY(-.5px) rotate(-.1deg)}}@keyframes flash-fast{0%,100%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}75%{opacity:0;transform:scale(.9)}}@keyframes spark{0%{opacity:1;transform:scale(0) rotate(0deg)}50%{opacity:.8;transform:scale(1) rotate(180deg)}100%{opacity:0;transform:scale(.5) rotate(360deg)}}@keyframes wave{0%,100%{border-radius:50%;transform:scale(1) rotate(0deg);opacity:.3}50%{border-radius:30%;transform:scale(1.5) rotate(180deg);opacity:.1}}@keyframes text-wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes broken-piece{0%{transform:translate(0,0) rotate(0deg) scale(1);opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(720deg) scale(0);opacity:0}}@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(4);opacity:0}}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-bounce-1{animation:bounce-1 2s infinite}.animate-bounce-2{animation:bounce-2 2.2s infinite}.animate-bounce-3{animation:bounce-3 1.8s infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-spin-slow{animation:spin-slow 2s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shake-intense{animation:shake-intense .5s infinite}.animate-flash-fast{animation:flash-fast .5s infinite}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}.floating-notes{position:absolute;width:100%;height:100%}.note{position:absolute;font-size:2.5rem;font-weight:bold;color:rgba(168,85,247,.4);pointer-events:none;text-shadow:0 0 10px rgba(168,85,247,.5)}.animate-float-1{animation:float 8s ease-in-out infinite}.animate-float-2{animation:float 7s ease-in-out infinite .5s}.animate-float-3{animation:float 9s ease-in-out infinite 1s}.animate-float-4{animation:float 6s ease-in-out infinite 1.5s}.animate-float-5{animation:float 8.5s ease-in-out infinite 2s}.animate-float-6{animation:float 7.5s ease-in-out infinite 2.5s}.animate-float-7{animation:float 9.5s ease-in-out infinite 3s}.animate-float-8{animation:float 6.5s ease-in-out infinite 3.5s}.animate-float-9{animation:float 8s ease-in-out infinite 4s}.animate-float-10{animation:float 7s ease-in-out infinite 4.5s}.animate-float-11{animation:float 9s ease-in-out infinite 5s}.animate-float-12{animation:float 6s ease-in-out infinite 5.5s}.note-1{top:10%;left:10%}.note-2{top:20%;right:10%}.note-3{top:50%;left:5%}.note-4{top:70%;right:20%}.note-5{bottom:20%;left:20%}.note-6{bottom:10%;right:15%}.note-7{top:30%;left:50%}.note-8{bottom:40%;right:45%}.note-9{top:60%;left:80%}.note-10{top:80%;left:70%}.note-11{top:15%;left:60%}.note-12{bottom:60%;left:40%}.sound-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px}.wave{position:absolute;border:2px solid rgba(147,51,234,.2);border-radius:50%;animation:wave 4s ease-in-out infinite}.wave-1{width:60px;height:60px;animation-delay:0s}.wave-2{width:120px;height:120px;animation-delay:.8s}.wave-3{width:180px;height:180px;animation-delay:1.6s}.wave-4{width:240px;height:240px;animation-delay:2.4s}.wave-5{width:300px;height:300px;animation-delay:3.2s}.music-icon-container{filter:drop-shadow(0 0 20px rgba(239,68,68,.5))}.music-note:hover{filter:drop-shadow(0 0 30px rgba(239,68,68,.8))}.crack-1,.crack-2,.crack-3{box-shadow:0 0 10px rgba(251,191,36,.8)}.spark{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fbbf24,#f59e0b);border-radius:50%;animation:spark 1s ease-out infinite}.spark-1{top:20%;left:80%;animation-delay:0s}.spark-2{top:80%;left:20%;animation-delay:.25s}.spark-3{top:60%;right:10%;animation-delay:.5s}.spark-4{bottom:70%;left:10%;animation-delay:.75s}.broken-piece{position:absolute;font-size:1.5rem;color:#ef4444;animation:broken-piece 2s ease-out infinite;--x:0;--y:0}.piece-1{top:10%;left:10%;--x:-50px;--y:-30px;animation-delay:0s}.piece-2{bottom:10%;right:10%;--x:50px;--y:30px;animation-delay:.5s}.animate-text-wave span{display:inline-block;animation:text-wave 2s ease-in-out infinite}.animate-text-wave span:nth-child(2){animation-delay:.1s}.animate-text-wave span:nth-child(3){animation-delay:.2s}.animate-text-wave span:nth-child(4){animation-delay:.3s}.animate-text-wave span:nth-child(5){animation-delay:.4s}.animate-text-wave span:nth-child(6){animation-delay:.5s}.animate-text-wave span:nth-child(7){animation-delay:.6s}.animate-text-wave span:nth-child(8){animation-delay:.7s}.animate-text-wave span:nth-child(9){animation-delay:.8s}.animate-text-wave span:nth-child(10){animation-delay:.9s}.animate-text-wave span:nth-child(11){animation-delay:1s}.animate-text-wave span:nth-child(12){animation-delay:1.1s}.btn-music{position:relative;overflow:hidden}.music-ripple{position:absolute;border-radius:50%;background:rgba(147,51,234,.3);transform:scale(0);animation:ripple .6s linear;pointer-events:none}.btn-music:hover .music-ripple{animation:ripple .6s linear}.animation-delay-400{animation-delay:.4s}.dark .note{color:rgba(196,181,253,.4);text-shadow:0 0 10px rgba(196,181,253,.5)}.dark .wave{border-color:rgba(196,181,253,.2)}@media(max-width:768px){.note{font-size:2rem}.sound-waves{width:200px;height:200px}.wave-1{width:40px;height:40px}.wave-2{width:80px;height:80px}.wave-3{width:120px;height:120px}.wave-4{width:160px;height:160px}.wave-5{width:200px;height:200px}}