@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");body,html{padding:0;margin:0;font-family:Inter,sans-serif;color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 30px rgba(99,102,241,.5)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes lyricFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aura-marquee-rtl{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-ltr{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-rtl{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes glow-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes border-flow{0%{background-position:0 50%}to{background-position:400% 50%}}@keyframes crystalGlow{0%{opacity:.3;transform:scale(.8) rotate(0deg)}50%{opacity:.6;transform:scale(1.1) rotate(180deg)}to{opacity:.4;transform:scale(1.2) rotate(1turn)}}@keyframes crystalGlow2{0%{opacity:.2;transform:scale(1.1) rotate(45deg)}50%{opacity:.5;transform:scale(.9) rotate(225deg)}to{opacity:.3;transform:scale(1) rotate(405deg)}}@keyframes crystalGlow3{0%{opacity:.15;transform:scale(.9) rotate(90deg)}33%{opacity:.4;transform:scale(1.3) rotate(210deg)}66%{opacity:.25;transform:scale(.7) rotate(330deg)}to{opacity:.35;transform:scale(1.1) rotate(450deg)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.animate-slide-in-left{animation:slideInLeft .7s ease-out forwards;opacity:0}.animate-slide-in-right{animation:slideInRight .7s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn .6s ease-out forwards;opacity:0}.animate-slide-in-down{animation:slideInDown .6s ease-out forwards;opacity:0}.animate-zoom-in{animation:zoomIn .6s ease-out forwards;opacity:0}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-bounce-gentle{animation:bounce-gentle 2s ease-in-out infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-strong{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.card-glow{transition:all .3s ease}.card-glow:hover{box-shadow:0 0 40px rgba(99,102,241,.15)}.lyric-line{transition:all .3s ease}.lyric-line:hover{transform:scale(1.05);text-shadow:0 2px 4px rgba(0,0,0,.1)}