:root{--bg-color: #050508;--neon-primary: #ffffff;--neon-secondary: #00d2ff;--neon-accent: #ff007f;--audio-level: .1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}#particles-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.background-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;background:radial-gradient(circle at center,#111 0%,var(--bg-color) 100%)}.glow-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;height:50vw;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%);border-radius:50%;filter:blur(40px);transform:translate(-50%,-50%) scale(calc(.8 + var(--audio-level) * .5));transition:transform .1s ease-out}.glow-orb.secondary{width:60vw;height:60vw;background:radial-gradient(circle,rgba(0,210,255,.02) 0%,transparent 60%);transform:translate(-50%,-50%) scale(calc(1 + var(--audio-level) * .3))}.laser-lines{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2;overflow:hidden;pointer-events:none}.laser{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);box-shadow:0 0 10px #ffffff80,0 0 20px #ffffff4d;opacity:calc(.05 + var(--audio-level) * .8);transition:opacity .05s ease}.line-1{width:200%;height:1px;top:30%;left:-50%;transform:rotate(35deg)}.line-2{width:200%;height:2px;top:70%;left:-50%;transform:rotate(-25deg);background:linear-gradient(90deg,transparent,var(--neon-secondary),transparent);box-shadow:0 0 calc(10px + var(--audio-level)*30px) var(--neon-secondary)}.line-3{width:1px;height:200%;top:-50%;left:80%;transform:rotate(15deg)}.line-4{width:2px;height:200%;top:-50%;left:20%;transform:rotate(-10deg);background:linear-gradient(180deg,transparent,var(--neon-accent),transparent);box-shadow:0 0 calc(10px + var(--audio-level)*30px) var(--neon-accent)}.content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;width:100%}.logo-container{position:relative;width:300px;height:300px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 calc(20px + var(--audio-level) * 40px) rgba(255,255,255,calc(.2 + var(--audio-level) * .5)));transition:filter .1s ease}.orbital-ring{position:absolute;top:50%;left:50%;width:180%;height:180%;border-radius:50%;border:2px solid transparent;border-top-color:var(--neon-accent);border-bottom-color:var(--neon-secondary);box-shadow:0 0 calc(10px + var(--audio-level)*30px) #ff007f66 inset,0 0 calc(10px + var(--audio-level)*30px) #00d2ff66;animation:spin-ring 15s linear infinite;z-index:-1;opacity:calc(.4 + var(--audio-level) * .6);transition:opacity .1s ease,box-shadow .1s ease}@keyframes spin-ring{0%{transform:translate(-50%,-50%) rotateX(70deg) rotateY(10deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(70deg) rotateY(10deg) rotate(360deg)}}.logo{width:100%;height:100%;object-fit:contain}.coming-soon{font-size:.85rem;letter-spacing:.8em;text-transform:uppercase;color:#ffffff4d;margin-bottom:3rem;font-weight:700}.music-player-sharp{position:fixed;bottom:40px;left:40px;display:flex;flex-direction:column;gap:1rem;z-index:20;border-left:2px solid rgba(255,255,255,.2);padding-left:1rem}.music-meta{display:flex;flex-direction:column;gap:.2rem}.track-id{font-size:.6rem;color:var(--neon-secondary);letter-spacing:.2em;font-family:monospace}.track-name{font-size:1.2rem;font-weight:900;letter-spacing:.1em;color:#fff;text-transform:uppercase}.control-box{display:flex;align-items:center;gap:1.5rem}.play-btn-hard{width:40px;height:40px;border-radius:0;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;position:relative}.play-btn-hard:before,.play-btn-hard:after{content:"";position:absolute;width:5px;height:5px;border:1px solid var(--neon-secondary);transition:all .2s ease}.play-btn-hard:before{top:-3px;left:-3px;border-right:none;border-bottom:none}.play-btn-hard:after{bottom:-3px;right:-3px;border-left:none;border-top:none}.play-btn-hard:hover{background:#ffffff1a;border-color:var(--neon-secondary);box-shadow:0 0 15px #00d2ff4d}.play-btn-hard:hover:before{top:-5px;left:-5px}.play-btn-hard:hover:after{bottom:-5px;right:-5px}.play-btn-hard svg{width:16px;height:16px}.visualizer{display:flex;gap:4px;height:15px;align-items:flex-end}.visualizer .bar{width:6px;background-color:#fff3;border-radius:0;height:2px;transition:height .05s ease,background-color .2s ease}.visualizer.playing .bar{background-color:var(--neon-secondary);animation:equalize-hard .4s infinite alternate steps(5)}.visualizer.playing .bar:nth-child(1){animation-delay:0s}.visualizer.playing .bar:nth-child(2){animation-delay:.1s}.visualizer.playing .bar:nth-child(3){animation-delay:.2s}.visualizer.playing .bar:nth-child(4){animation-delay:.15s}.visualizer.playing .bar:nth-child(5){animation-delay:.05s}@keyframes equalize-hard{0%{height:2px}to{height:15px}}