@font-face{font-family:Roxborough CF;src:url(/font/roxborough-cf-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg-color:#1e1e1e;--accent:#5e9dd9;--accent-glow:#5e9dd966;--surface:#1e242e80;--surface-border:#ffffff0f;--text-main:#fcfcfc;--text-muted:#9aa5b1;--font-display:"Roxborough CF", "Cinzel", serif;--font-body:"Gotham Light", "Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 10%,#5e9dd90d 0%,#0000 60%),radial-gradient(circle at 10% 80%,#9664c808 0%,#0000 40%);width:140vw;height:140vh;position:fixed;top:-20vh;left:-20vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding:4rem 2rem;display:flex;position:relative}.hero-section:after{content:"";background:linear-gradient(90deg,#0000,#5e9dd94d,#0000);width:60%;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-title{letter-spacing:.05em;color:#fcfcfc;filter:drop-shadow(0 4px 15px #ffffff0d);margin-bottom:.5rem;font-size:6.5rem}.hero-subtitle{letter-spacing:.5em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);margin-bottom:3rem;font-size:1.4rem;font-weight:300}.hero-socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:2.2rem;padding-top:1rem;display:flex}.hero-social-icon{color:#ffffffa6;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.hero-social-icon:hover{color:#fff;filter:drop-shadow(0 0 10px #fff6);transform:translateY(-3px)scale(1.1)}@media (width<=900px){.hero-title{font-size:4rem}.hero-subtitle{letter-spacing:.4em;font-size:1.1rem}}@media (width<=600px){.hero-title{font-size:3rem}.hero-socials{gap:1.8rem}}.scroll-indicator{color:#ffffff80;cursor:pointer;z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-text{letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;font-weight:300}.scroll-icon{color:var(--accent);opacity:.8;margin-top:.2rem}.audio-player-card{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;padding:4rem 0;transition:all .5s;display:flex;position:relative;overflow:visible}.controls-container{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.track-info{flex-direction:column;gap:.5rem;max-width:60%;display:flex}.track-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-main);text-shadow:0 4px 25px #000c;font-size:3rem;font-weight:500;line-height:1.1}.track-status{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 10px #000000e6;margin-top:.3rem;font-size:.85rem}.complex-controls{align-items:center;gap:1.5rem;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .3s,color .3s;display:flex}.icon-btn:hover{color:var(--text-main);text-shadow:0 0 10px var(--accent-glow);transform:scale(1.1)}.play-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:0 0;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:inset 0 0 15px #ffffff0d,0 5px 25px #00000080}.play-icon-offset{transform:translate(2px)}.play-btn:hover{border-color:var(--accent);box-shadow:0 0 35px var(--accent-glow);background:#5e9dd926;transform:scale(1.1)}.play-btn-wrapper{z-index:5;justify-content:center;align-items:center;display:flex;position:relative}.reactive-glow{background:var(--accent);filter:blur(15px);z-index:-1;pointer-events:none;opacity:0;will-change:transform, opacity;border-radius:50%;width:140%;height:140%;margin-top:-70%;margin-left:-70%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:scale(1)}.sleek-scrubber{cursor:pointer;z-index:2;background-color:#ffffff1a;border-radius:2px;width:100%;height:2px;margin-top:1.5rem;transition:height .3s;position:relative}.sleek-scrubber:hover{height:6px}.sleek-scrubber-fill{background:#fff;border-radius:2px;justify-content:flex-end;height:100%;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 15px #fff9}.sleek-scrubber-glow{width:4px;height:100%;box-shadow:0 0 20px 8px var(--accent-glow);background:#fff;border-radius:2px}@media (width<=768px){.audio-player-card{padding:1rem 0}.controls-container{text-align:center;flex-direction:column;align-items:center;gap:1rem}.track-info{align-items:center;max-width:100%}.track-title{font-size:1.25rem}.track-status{font-size:.6rem}.complex-controls{gap:.5rem}.icon-btn{transform:scale(.8)}.play-btn{width:2.8rem;height:2.8rem}}.scores-section{-webkit-backdrop-filter:blur(12px);background:#14181e73;border:1px solid #ffffff0d;border-radius:20px;width:90vw;max-width:600px;margin:0 auto;padding:3rem;box-shadow:0 30px 60px -15px #0009}.section-header{text-align:center;margin-bottom:3rem}.section-title{letter-spacing:.15em;text-transform:uppercase;color:var(--text-main);text-shadow:0 4px 15px #0006;margin-bottom:1rem;font-size:2.8rem}.title-underline{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:60px;height:2px;margin:0 auto}.tracks-grid{flex-direction:column;gap:3rem;display:flex}@media (width<=1024px){.scores-section{max-width:500px;padding:2.5rem}}@media (width<=768px){.scores-section{width:95vw;padding:1.5rem}.section-title{font-size:2rem}.tracks-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}}.cta-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:80vh;padding:2rem;display:flex}.cta-content{-webkit-backdrop-filter:blur(25px);background:#12161c66;border:1px solid #ffffff14;border-radius:30px;max-width:800px;padding:5rem 3rem;box-shadow:0 40px 100px -20px #000c,inset 0 0 40px #5e9dd90d}.cta-title{letter-spacing:.05em;color:#fcfcfc;text-shadow:0 5px 20px #00000080;margin-bottom:1.5rem;font-size:4rem}.cta-subtitle{color:var(--text-muted);letter-spacing:.1em;margin-bottom:4rem;font-size:1.2rem;font-weight:300}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.cta-btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:50px;align-items:center;gap:1rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.spotify-btn{color:#1ed760;background:#1ed7601a;border:1px solid #1ed7604d;box-shadow:0 0 20px #1ed7601a}.spotify-btn:hover{background:#1ed76033;border-color:#1ed76099;transform:translateY(-5px)scale(1.05);box-shadow:0 10px 30px #1ed7604d}.apple-btn{color:#fff;background:#ffffff0d;border:1px solid #fff3;box-shadow:0 0 20px #ffffff0d}.apple-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-5px)scale(1.05);box-shadow:0 10px 30px #ffffff26}@media (width<=768px){.cta-title{font-size:2.5rem}.cta-content{padding:3rem 1.5rem}.cta-buttons{flex-direction:column;width:100%}.cta-btn{justify-content:center;width:100%}}.app-container{width:100%;height:600vh;position:relative}.sticky-wrapper{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.hero-wrapper{z-index:10;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.scores-wrapper{z-index:20;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.cta-wrapper{z-index:30;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.tagline-fixed{z-index:50;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.closing-tagline{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);text-shadow:0 2px 15px #0009;white-space:nowrap;font-size:clamp(.85rem,3vw,2rem)}