.vip-package-card{position:relative;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1) 50%,rgba(217,119,6,.15));backdrop-filter:blur(20px);border:2px solid rgba(251,191,36,.3);box-shadow:0 8px 32px rgba(251,191,36,.2),0 0 80px rgba(251,191,36,.1),inset 0 1px 0 rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;max-width:100%!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.vip-package-card *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.vip-package-card .space-y-2,.vip-package-card>div{max-width:100%;width:100%}.vip-package-card .flex{max-width:100%;overflow:hidden}.vip-package-card .flex span{flex:1;min-width:0;word-break:break-word;overflow:hidden}.vip-package-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent);transition:left .6s ease}.vip-package-card:hover:before{left:100%}.vip-package-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(251,191,36,.6);box-shadow:0 20px 60px rgba(251,191,36,.35),0 0 120px rgba(251,191,36,.2),inset 0 1px 0 rgba(255,255,255,.2)}@keyframes vip-glow{0%,to{box-shadow:0 8px 32px rgba(251,191,36,.2),0 0 80px rgba(251,191,36,.1)}50%{box-shadow:0 8px 32px rgba(251,191,36,.4),0 0 100px rgba(251,191,36,.2)}}.vip-package-card.selected{animation:vip-glow 2s ease-in-out infinite}.vip-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:900;font-size:12px;letter-spacing:2px;border-radius:20px;box-shadow:0 4px 12px rgba(251,191,36,.4);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(251,191,36,.4)}50%{transform:scale(1.05);box-shadow:0 6px 16px rgba(251,191,36,.6)}}.standard-package-card{position:relative;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(30,64,175,.05));backdrop-filter:blur(15px);border:1px solid rgba(37,99,235,.2);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.standard-package-card:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.4);box-shadow:0 12px 32px rgba(37,99,235,.2)}.standard-package-card.selected{border-color:rgba(37,99,235,.8);background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(30,64,175,.15))}.combo-package-card{position:relative;background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(14,165,233,.08));backdrop-filter:blur(15px);border:1px solid rgba(6,182,212,.3);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.combo-package-card:hover{transform:translateY(-4px);border-color:rgba(6,182,212,.5);box-shadow:0 12px 32px rgba(6,182,212,.25)}.combo-package-card.selected{border-color:rgba(6,182,212,.8);background:linear-gradient(135deg,rgba(6,182,212,.22),rgba(14,165,233,.18))}.best-value-badge{position:absolute;top:-12px;right:20px;padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);color:white;font-size:11px;font-weight:800;letter-spacing:1px;border-radius:12px;box-shadow:0 4px 8px rgba(16,185,129,.4);z-index:10}.beat-card-modern{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.beat-card-modern:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.3);box-shadow:0 20px 40px rgba(0,0,0,.4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}@media (min-width:1024px){.package-grid{grid-template-columns:repeat(4,1fr)}}.price-display{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text}.price-display,.price-display-vip{-webkit-text-fill-color:transparent}.price-display-vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;gap:10px;padding:8px 0;color:rgba(255,255,255,.8);font-size:14px}.feature-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(34,197,94,.2);color:#22c55e;border-radius:50%;font-weight:700;flex-shrink:0}.vip-feature-list li:before{background:rgba(251,191,36,.2);color:#fbbf24}.crown-icon{display:inline-block;font-size:32px;color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes checkmark-appear{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(-45deg);opacity:1}to{transform:scale(1) rotate(-45deg);opacity:1}}.success-checkmark{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:checkmark-appear .6s cubic-bezier(.4,0,.2,1)}.confetti-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.audio-visualizer-container{position:relative;width:100%;height:120px;background:rgba(0,0,0,.3);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.download-progress{position:relative;width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.download-progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:width .3s ease;position:relative}.download-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-progress 1.5s infinite}@keyframes shimmer-progress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.genre-pill{padding:8px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.genre-pill:hover{background:rgba(255,255,255,.1);border-color:rgba(37,99,235,.5);color:#fff}.genre-pill.active{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#2563eb;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.cart-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:700;box-shadow:0 2px 8px rgba(239,68,68,.4);animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.package-grid{grid-template-columns:1fr}.combo-package-card,.standard-package-card,.vip-package-card{margin-bottom:20px}.price-display{font-size:1.5rem}}@media (prefers-color-scheme:dark){.beat-card-modern{background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}}.package-card:focus-visible{outline:2px solid #2563eb;outline-offset:4px}@media print{.combo-package-card,.standard-package-card,.vip-package-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}.beats-hero{background:linear-gradient(180deg,#000000,#0a0a0a)}.beats-hero:before{background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 0);animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.studio-beats-3d{font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:.2em;color:#ffffff;text-shadow:0 1px 0 #cccccc,0 2px 0 #c9c9c9,0 3px 0 #bbbbbb,0 4px 0 #b9b9b9,0 5px 0 #aaaaaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 20px rgba(0,0,0,.2),0 20px 40px rgba(0,0,0,.15);transform:perspective(1000px) rotateX(10deg);animation:float-3d 6s ease-in-out infinite}@keyframes float-3d{0%,to{transform:perspective(1000px) rotateX(10deg) translateY(0)}50%{transform:perspective(1000px) rotateX(10deg) translateY(-20px)}}.premium-beats-neon{font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:.2em;color:transparent;position:relative;filter:drop-shadow(0 0 10px #2563eb);animation:neon-outline-flicker 1.5s infinite alternate}.premium-beats-neon,.premium-beats-neon:before{-webkit-text-stroke:2px #2563eb;text-stroke:2px #2563eb}.premium-beats-neon:before{content:"PREMIUM BEATS";position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(8px);opacity:.7;animation:neon-blur-pulse 2s ease-in-out infinite;pointer-events:none}.premium-beats-neon:after{content:"";position:absolute;top:-10%;left:-5%;width:0;height:120%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.8),transparent);filter:blur(20px);animation:neon-sweep 3s linear infinite;pointer-events:none}@keyframes neon-outline-flicker{0%,19%,21%,23%,25%,54%,56%,to{-webkit-text-stroke:2px #2563eb;filter:drop-shadow(0 0 10px #2563eb) drop-shadow(0 0 20px #2563eb)}20%,24%,55%{-webkit-text-stroke:1.5px #2563eb;filter:drop-shadow(0 0 5px #2563eb)}}@keyframes neon-blur-pulse{0%,to{opacity:.5;filter:blur(8px)}50%{opacity:.9;filter:blur(12px)}}@keyframes neon-sweep{0%{left:-5%;width:0}50%{left:0;width:50%}to{left:105%;width:0}}@keyframes holographic-shine{to{background-position:200%}}.neon-border{border:2px solid transparent;background:linear-gradient(#0a0a0a,#0a0a0a) padding-box,linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa) border-box;border-radius:16px}.neon-border:before{inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.neon-border:hover:before{opacity:1;animation:neon-pulse 1.5s ease-in-out infinite}@keyframes neon-pulse{0%,to{opacity:.8;filter:blur(0)}50%{opacity:1;filter:blur(2px)}}.futuristic-beat-card{background:linear-gradient(135deg,rgba(15,15,25,.95),rgba(10,10,15,.98));border:1px solid rgba(37,99,235,.2);transition:all .4s cubic-bezier(.4,0,.2,1)}.futuristic-beat-card:before{left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1) 50%,transparent);transition:left .5s}.futuristic-beat-card:hover:before{left:100%}.futuristic-beat-card:hover{transform:translateY(-5px);border-color:rgba(37,99,235,.5);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 30px rgba(37,99,235,.2),inset 0 0 20px rgba(37,99,235,.05)}.beat-card-playing{border-color:rgba(37,99,235,.8);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 40px rgba(37,99,235,.4),inset 0 0 30px rgba(37,99,235,.1);animation:beat-pulse .5s ease-in-out infinite}@keyframes beat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.scanline-effect{position:relative;overflow:hidden}.scanline-effect:after{content:"";position:absolute;top:-100%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.8),transparent);animation:scanline 3s linear infinite}.glitch-text{position:relative;display:inline-block}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s linear infinite alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(85px,550px,140px,0);animation:glitch-anim 2s linear infinite alternate-reverse}@keyframes glitch-anim{0%{clip:rect(10px,9999px,50px,0)}25%{clip:rect(90px,9999px,120px,0)}50%{clip:rect(30px,9999px,80px,0)}75%{clip:rect(70px,9999px,100px,0)}to{clip:rect(40px,9999px,90px,0)}}.hex-pattern{background-image:radial-gradient(circle at center,rgba(37,99,235,.05) 1px,transparent 0),radial-gradient(circle at 25% 75%,rgba(59,130,246,.05) 1px,transparent 0);background-size:30px 30px,60px 60px;background-position:0 0,15px 15px}.vip-holographic{position:relative;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1) 50%,rgba(217,119,6,.15));border:2px solid transparent;background-clip:padding-box}.vip-holographic:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(45deg,#fbbf24,#f59e0b,#d97706,#fbbf24);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:holographic-rotate 4s linear infinite}@keyframes holographic-rotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.vip-holographic:after{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg 60deg,rgba(251,191,36,.3) 60deg 120deg,transparent 120deg 1turn);animation:holographic-spin 3s linear infinite;pointer-events:none}@keyframes holographic-spin{to{transform:rotate(1turn)}}.energy-wave{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.2) 0,transparent 70%);animation:energy-pulse 2s ease-in-out infinite}@keyframes energy-pulse{0%,to{transform:scale(.95);opacity:.3}50%{transform:scale(1.05);opacity:.6}}.frequency-bars{display:flex;align-items:flex-end;justify-content:space-between;height:60px;gap:3px}.frequency-bar{flex:1;background:linear-gradient(0deg,#2563eb,#3b82f6,#60a5fa);border-radius:2px 2px 0 0;animation:frequency-bounce .5s ease-in-out infinite;box-shadow:0 0 10px rgba(37,99,235,.5)}.frequency-bar:nth-child(2n){animation-delay:.1s}.frequency-bar:nth-child(3n){animation-delay:.2s}@keyframes frequency-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.circuit-lines{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(37,99,235,.1) 1px,transparent 0),linear-gradient(0deg,rgba(37,99,235,.1) 1px,transparent 0);background-size:20px 20px;opacity:.3}.genre-pill-futuristic{position:relative;padding:10px 24px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3);border-radius:24px;color:#60a5fa;font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase;transition:all .3s;cursor:pointer;overflow:hidden}.genre-pill-futuristic:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(37,99,235,.3);transform:translate(-50%,-50%);transition:width .3s,height .3s}.genre-pill-futuristic:hover:before{width:200%;height:200%}.genre-pill-futuristic:hover{border-color:rgba(37,99,235,.6);box-shadow:0 0 20px rgba(37,99,235,.3);transform:translateY(-2px)}.genre-pill-futuristic.active{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#2563eb;color:white;box-shadow:0 0 20px rgba(37,99,235,.5)}.download-progress-futuristic{height:6px;background:rgba(37,99,235,.1);border-radius:3px}.download-progress-bar-futuristic{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);animation:progress-shine 1.5s linear infinite}.download-progress-bar-futuristic:after{inset:0;animation:progress-move 1s linear infinite}@keyframes progress-shine{to{background-position:200%}}@keyframes progress-move{to{transform:translateX(100%)}}.success-hologram{animation:success-float 2s ease-in-out infinite}@keyframes success-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.luxury-package-section{background:rgba(5,5,10,.98)!important;background-image:none!important;position:relative!important;padding:2rem!important;border-radius:0!important;animation:none!important;transform:none!important;overflow:hidden!important}.luxury-package-section .package-grid-responsive{width:100%;overflow:visible}.luxury-package-section,.luxury-package-section>div{animation:none!important}.luxury-package-section *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.luxury-package-section .package-grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}@media (min-width:768px){.luxury-package-section .package-grid-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.luxury-package-section .package-grid-responsive{grid-template-columns:repeat(4,minmax(0,1fr))}}.luxury-package-section .package-grid-responsive>*{max-width:100%;min-width:0;overflow:hidden;width:100%}.luxury-package-section h5,.luxury-package-section li,.luxury-package-section p,.luxury-package-section span{overflow:hidden;text-overflow:ellipsis;max-width:100%;word-wrap:break-word}.luxury-package-section .package-grid-responsive>*>*{max-width:100%;overflow:hidden}.luxury-package-section ul{max-width:100%;width:100%;padding-right:.5rem;padding-left:0;margin:0;list-style:none}.luxury-package-section ul li{display:flex;align-items:flex-start;gap:.5rem;max-width:100%;width:100%;overflow:hidden}.luxury-package-section ul li span{flex:1;min-width:0;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.luxury-package-section h5{white-space:nowrap;text-overflow:ellipsis}.luxury-package-section .text-3xl,.luxury-package-section h5,.package-card-hover{overflow:hidden;max-width:100%}.package-card-hover{position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;will-change:transform}.package-card-hover:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,rgba(37,99,235,.6),rgba(59,130,246,.4) 50%,rgba(96,165,250,.6));border-radius:inherit;opacity:0;transition:opacity .5s ease,filter .5s ease;z-index:-1;filter:blur(20px)}.package-card-hover:hover:before{opacity:1;filter:blur(25px);animation:glow-pulse 2s ease-in-out infinite}.package-card-hover:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px rgba(37,99,235,.4),0 0 80px rgba(59,130,246,.3),inset 0 2px 4px rgba(255,255,255,.1);border-color:rgba(59,130,246,.8)!important}.package-card-hover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(37,99,235,.1));border-radius:inherit;opacity:0;transition:opacity .4s ease}.package-card-hover:hover:after{opacity:1}.package-card-shimmer{position:relative;overflow:hidden}.package-card-shimmer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease}.package-card-hover:hover .package-card-shimmer:before{transform:translateX(100%) translateY(100%) rotate(45deg)}.vip-package-hover{position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform}.vip-package-hover:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,rgba(251,191,36,.7),rgba(245,158,11,.5) 50%,rgba(217,119,6,.7));border-radius:inherit;opacity:0;transition:opacity .5s ease,filter .5s ease;z-index:-1;filter:blur(25px)}.vip-package-hover:hover:before{opacity:1;filter:blur(30px);animation:vip-glow-pulse 1.5s ease-in-out infinite}.vip-package-hover:hover{transform:translateY(-20px) scale(1.05) rotateX(3deg);box-shadow:0 30px 60px rgba(251,191,36,.5),0 0 100px rgba(245,158,11,.4),inset 0 2px 4px rgba(255,255,255,.3)}.combo-package-hover{position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform}.combo-package-hover:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(37,99,235,.4) 50%,rgba(29,78,216,.6));border-radius:inherit;opacity:0;transition:opacity .5s ease,filter .5s ease;z-index:-1;filter:blur(20px)}.combo-package-hover:hover:before{opacity:1;filter:blur(25px);animation:combo-glow-pulse 2s ease-in-out infinite}.combo-package-hover:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px rgba(59,130,246,.4),0 0 80px rgba(37,99,235,.3),inset 0 2px 4px rgba(255,255,255,.1);border-color:rgba(59,130,246,.8)!important}@keyframes glow-pulse{0%,to{filter:blur(15px) brightness(1)}50%{filter:blur(20px) brightness(1.3)}}@keyframes vip-glow-pulse{0%,to{filter:blur(20px) brightness(1)}50%{filter:blur(25px) brightness(1.4)}}@keyframes combo-glow-pulse{0%,to{filter:blur(20px) brightness(1)}50%{filter:blur(25px) brightness(1.3)}}.luxury-package-section :after,.luxury-package-section :before,.luxury-package-section:after,.luxury-package-section:before,.luxury-package-section>div:after,.luxury-package-section>div:before{display:none!important;content:none!important;animation:none!important;background:none!important;background-image:none!important}.luxury-package-section[style*=animation],.luxury-package-section[style*=transform]{animation:none!important;transform:none!important}.playing-indicator-green{color:#00ff00!important;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00;animation:neon-pulse-green 1s ease-in-out infinite}@keyframes neon-pulse-green{0%,to{opacity:1;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00}50%{opacity:.8;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00}}.beats-section-with-bg{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.beats-section-with-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.85),rgba(10,10,20,.9) 50%,rgba(0,0,0,.85));backdrop-filter:blur(2px)}.beats-section-with-bg>*{position:relative;z-index:1}@media (max-width:1536px){.premium-beats-neon,.studio-beats-3d{font-size:clamp(2.5rem,8vw,7rem)}.premium-beats-neon{-webkit-text-stroke:1.5px #2563eb}}@media (max-width:1280px){.studio-beats-3d{font-size:clamp(2.2rem,7vw,6rem)}.futuristic-beat-card{margin-bottom:1.5rem}.luxury-package-section{padding:1.5rem}}@media (max-width:1024px){.premium-beats-neon,.studio-beats-3d{font-size:clamp(2rem,6vw,5rem)}.premium-beats-neon{-webkit-text-stroke:1.5px #2563eb}.futuristic-beat-card{padding:1rem}.genre-pill-futuristic{padding:8px 16px;font-size:12px}}@media (max-width:768px){.premium-beats-neon,.studio-beats-3d{font-size:clamp(1.8rem,10vw,4rem);letter-spacing:.1em}.premium-beats-neon{-webkit-text-stroke:1px #2563eb}.futuristic-beat-card{margin-bottom:1rem;padding:.75rem}.genre-pill-futuristic{padding:6px 12px;font-size:11px}.luxury-package-section{padding:1rem}.package-grid-responsive{grid-template-columns:1fr!important;gap:1rem!important}.audio-reactive-mobile{min-height:200px}}@media (max-width:640px){.studio-beats-3d{font-size:clamp(1.5rem,12vw,3rem);text-shadow:0 1px 0 #cccccc,0 2px 0 #c9c9c9,0 3px 0 #bbbbbb,0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2)}.premium-beats-neon{font-size:clamp(1.5rem,12vw,3rem);-webkit-text-stroke:1px #2563eb}.futuristic-beat-card{border-radius:12px}.genre-pill-futuristic{padding:5px 10px;font-size:10px}.beat-info-mobile{flex-direction:column;gap:.5rem}.metadata-badge-mobile{padding:4px 8px;font-size:.7rem}}@media (max-width:480px){.premium-beats-neon,.studio-beats-3d{font-size:clamp(1.2rem,14vw,2.5rem);letter-spacing:.05em}.premium-beats-neon{-webkit-text-stroke:.5px #2563eb}.futuristic-beat-card{padding:.5rem}.luxury-package-section{padding:.75rem}.genre-pill-futuristic{padding:4px 8px;font-size:9px}}@media (min-width:769px) and (max-width:1024px) and (orientation:landscape){.premium-beats-neon,.studio-beats-3d{font-size:clamp(2.5rem,7vw,5.5rem)}.premium-beats-neon{-webkit-text-stroke:1.5px #2563eb}.package-grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem!important}}@media (min-width:641px) and (max-width:768px) and (orientation:portrait){.premium-beats-neon,.studio-beats-3d{font-size:clamp(2rem,9vw,4.5rem)}.premium-beats-neon{-webkit-text-stroke:1px #2563eb}.package-grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}}@media (min-width:1920px){.premium-beats-neon,.studio-beats-3d{font-size:clamp(4rem,8vw,9rem)}.premium-beats-neon{-webkit-text-stroke:3px #2563eb}.futuristic-beat-card{max-width:1600px;margin-left:auto;margin-right:auto}}.dark-glow{box-shadow:0 0 20px rgba(0,0,0,.8),inset 0 0 20px rgba(37,99,235,.05)}@keyframes gridPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.02)}}.beats-hero{position:relative;background:radial-gradient(ellipse at 50% 0,rgba(37,99,235,.15) 0,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(139,92,246,.1) 0,transparent 50%),#000;overflow:hidden}.beats-hero:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 0),linear-gradient(0deg,rgba(37,99,235,.03) 1px,transparent 0);background-size:50px 50px;animation:gridFlow 20s linear infinite;opacity:.3}.beats-hero:after,.beats-hero:before{content:"";position:absolute;pointer-events:none}.beats-hero:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(37,99,235,.1) 0,transparent 70%);animation:heroGlow 15s ease-in-out infinite}@keyframes gridFlow{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes heroGlow{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(10%,10%) scale(1.1);opacity:.5}}.beats-hero h1{position:relative;background:linear-gradient(135deg,#fff,#60a5fa 50%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(96,165,250,.5))}@keyframes titleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.neon-border{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2);transition:all .5s cubic-bezier(.23,1,.32,1);overflow:hidden}.neon-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.3),transparent);transition:left .7s ease}.neon-border:hover{transform:translateY(-12px) scale(1.02);border-color:rgba(37,99,235,.4);box-shadow:0 20px 60px rgba(37,99,235,.3),0 0 80px rgba(37,99,235,.2),inset 0 1px 0 rgba(255,255,255,.3)}.neon-border:hover:before{left:100%}.futuristic-beat-card{position:relative;background:linear-gradient(135deg,rgba(17,24,39,.9),rgba(0,0,0,.95));backdrop-filter:blur(20px);border:1px solid rgba(96,165,250,.2);border-radius:20px;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}.futuristic-beat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.8) 50%,transparent);opacity:0;transition:opacity .5s ease}.futuristic-beat-card:hover{transform:translateY(-8px) scale(1.01);border-color:rgba(96,165,250,.5);box-shadow:0 20px 60px rgba(37,99,235,.25),0 0 80px rgba(37,99,235,.15),inset 0 1px 0 rgba(255,255,255,.1)}.futuristic-beat-card:hover:before{opacity:1;animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(400px)}}.futuristic-beat-card h3{position:relative;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 0 10px rgba(96,165,250,.3);transition:all .4s ease}.futuristic-beat-card:hover h3{text-shadow:0 0 20px rgba(96,165,250,.6);color:#60a5fa}.playing-indicator-green{display:inline-flex;align-items:center;gap:8px;color:#22c55e;font-size:13px;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 10px rgba(34,197,94,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(34,197,94,.5)}50%{opacity:.7;text-shadow:0 0 20px rgba(34,197,94,.8)}}.premium-button{position:relative;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;color:white;font-weight:700;letter-spacing:1px;padding:14px 32px;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 15px rgba(37,99,235,.4),inset 0 1px 0 rgba(255,255,255,.2)}.premium-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.premium-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(37,99,235,.6),inset 0 1px 0 rgba(255,255,255,.3)}.premium-button:hover:before{width:300px;height:300px}.premium-button:active{transform:translateY(-1px)}.package-selection-container{position:relative;padding:40px;background:linear-gradient(135deg,rgba(17,24,39,.8),rgba(0,0,0,.9));backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(96,165,250,.2);margin-top:30px}.package-selection-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(37,99,235,.3),rgba(139,92,246,.3));border-radius:24px;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:-1}.package-selection-container:hover:before{opacity:1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.download-progress-futuristic{position:relative;width:100%;height:8px;background:rgba(17,24,39,.8);border-radius:4px;overflow:hidden;border:1px solid rgba(37,99,235,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}.download-progress-bar-futuristic{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6 50%,#60a5fa);background-size:200% 100%;animation:progressShine 2s linear infinite;position:relative;box-shadow:0 0 20px rgba(37,99,235,.8);transition:width .3s ease}.download-progress-bar-futuristic:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);animation:shimmerMove 1.5s linear infinite}@keyframes progressShine{0%{background-position:0 0}to{background-position:200% 0}}@keyframes shimmerMove{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.premium-input{background:rgba(17,24,39,.6);border:1px solid rgba(96,165,250,.3);border-radius:12px;padding:14px 18px;color:white;font-size:15px;transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.premium-input:focus{outline:none;border-color:rgba(37,99,235,.8);background:rgba(17,24,39,.8);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 0 0 3px rgba(37,99,235,.2),0 0 20px rgba(37,99,235,.3)}.premium-input::-moz-placeholder{color:rgba(156,163,175,.6)}.premium-input::placeholder{color:rgba(156,163,175,.6)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:30px;height:50px;border:2px solid rgba(96,165,250,.5);border-radius:20px;display:flex;justify-content:center;padding-top:8px;z-index:10}.scroll-indicator:before{content:"";width:4px;height:10px;background:rgba(96,165,250,.8);border-radius:2px;animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%,to{transform:translateY(0);opacity:0}50%{transform:translateY(15px);opacity:1}}.premium-tooltip{position:relative}.premium-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-10px);padding:8px 12px;background:rgba(17,24,39,.95);color:white;font-size:12px;font-weight:500;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgba(96,165,250,.3);box-shadow:0 4px 12px rgba(0,0,0,.5)}.premium-tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(-5px)}@media (max-width:768px){.beats-hero{padding:60px 20px}.neon-border{margin-bottom:16px}.futuristic-beat-card{margin-bottom:24px}.package-selection-container{padding:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.futuristic-beat-card,.neon-border,.package-selection-container{border-width:2px;border-color:rgba(255,255,255,.5)}}.skeleton-loader{background:linear-gradient(90deg,rgba(55,65,81,.3),rgba(75,85,99,.5) 50%,rgba(55,65,81,.3));background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:12px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.premium-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:white;font-size:11px;font-weight:800;letter-spacing:1.2px;border-radius:16px;text-transform:uppercase;box-shadow:0 4px 12px rgba(139,92,246,.4),inset 0 1px 0 rgba(255,255,255,.2);animation:badgeFloat 3s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}