:root{color:#fff;background:#020d35;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#020d35}img{display:block;max-width:100%;-webkit-user-select:none;user-select:none}.landing-page{min-height:100svh;overflow-x:hidden;background:#020d35}.desktop-scene,.mobile-scene{position:relative;background:#020d35;overflow:hidden}.desktop-scene{min-height:100svh;display:grid;place-items:center}.desktop-scene:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:url(/assets/desktop-bg.jpg) center / 100% 100%;pointer-events:none}.desktop-stage{position:relative;z-index:1;width:min(100vw,calc(100svh * 16 / 9));height:min(100svh,56.25vw);overflow:hidden}.desktop-stage:before,.desktop-stage:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.desktop-stage:before{z-index:2;background:linear-gradient(112deg,transparent 0%,transparent 38%,rgba(255,112,20,.16) 44%,rgba(255,255,255,.13) 48%,transparent 54%,transparent 100%);mix-blend-mode:screen;transform:translate(-115%);animation:desktopLightSweep 7.5s 1.1s ease-in-out infinite}.desktop-stage:after{z-index:3;background:radial-gradient(circle at 70% 42%,rgba(36,166,255,.14),transparent 28%),radial-gradient(circle at 29% 53%,rgba(255,112,20,.09),transparent 26%);opacity:0;mix-blend-mode:screen;animation:ambientGlow 6s 1s ease-in-out infinite alternate}.layer{position:absolute;height:auto;pointer-events:none;z-index:1}.desktop-bg,.mobile-bg{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:backgroundPulse 9s ease-in-out infinite alternate}.desktop-bg{display:none}.desktop-title{top:21.57%;left:9.01%;width:40.32%;filter:drop-shadow(0 0 16px rgba(255,111,16,.12));animation:desktopTitleIn 1.1s cubic-bezier(.16,1,.3,1) both,titleBreath 6.8s 1.3s ease-in-out infinite alternate,orangeGlow 4.8s 1.6s ease-in-out infinite alternate}.desktop-poster{top:7.04%;left:55.68%;width:34.53%;filter:drop-shadow(0 24px 28px rgba(0,0,0,.28));animation:desktopPosterIn 1.15s .18s cubic-bezier(.16,1,.3,1) both,posterFloat 7.2s 1.5s ease-in-out infinite alternate,posterGlow 5.4s 1.8s ease-in-out infinite alternate}.mobile-scene{display:none}.mobile-stage{position:relative;width:100%;aspect-ratio:2752 / 7275;min-height:100svh;overflow:hidden}.mobile-title{top:6.72%;left:18.5%;width:63.23%;filter:drop-shadow(0 0 12px rgba(255,111,16,.16));animation:titleIn .85s cubic-bezier(.16,1,.3,1) both,titleBreath 6.2s 1s ease-in-out infinite alternate,orangeGlow 5s 1.4s ease-in-out infinite alternate}.mobile-poster{top:30.36%;left:17.48%;width:65.3%;filter:drop-shadow(0 22px 24px rgba(0,0,0,.3));animation:posterIn .9s .16s cubic-bezier(.16,1,.3,1) both,posterFloat 6.8s 1.2s ease-in-out infinite alternate}.mobile-frame{top:67.84%;left:7.74%;width:85.61%;animation:glowIn 1.1s .32s ease-out both,framePulse 3.8s 1.4s ease-in-out infinite alternate}.mobile-logo{top:69.64%;left:39.21%;width:21.58%;animation:floatIn .85s .47s ease-out both,logoDrift 4.8s 1.4s ease-in-out infinite alternate}.mobile-tracklist{top:76.32%;left:25.8%;width:48.29%;animation:titleIn .9s .56s cubic-bezier(.16,1,.3,1) both,tracklistPulse 4.4s 1.7s ease-in-out infinite alternate}.mobile-heart{top:var(--top);left:var(--left);width:var(--width);opacity:0;transform-origin:center;filter:drop-shadow(0 0 8px rgba(255,87,34,.34));animation:heartIn .65s var(--delay) ease-out both,heartFloat 5.5s calc(var(--delay) + .65s) ease-in-out infinite alternate,heartTwinkle var(--twinkle) calc(var(--delay) + .9s) ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.desktop-scene{display:none}.mobile-scene{display:block}}@keyframes titleIn{0%{opacity:0;transform:translate3d(-2.5%,4%,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes desktopTitleIn{0%{opacity:0;transform:translate3d(-8%,5%,0) scale(.96);filter:blur(7px) drop-shadow(0 0 0 rgba(255,111,16,0))}62%{opacity:1;transform:translate3d(.9%,-.7%,0) scale(1.012)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0) drop-shadow(0 0 16px rgba(255,111,16,.12))}}@keyframes desktopPosterIn{0%{opacity:0;transform:translate3d(8%,3%,0) scale(.94) rotate(1.6deg);filter:blur(5px) drop-shadow(0 12px 18px rgba(0,0,0,.2))}64%{opacity:1;transform:translate3d(-.8%,-.4%,0) scale(1.012) rotate(-.35deg)}to{opacity:1;transform:translateZ(0) scale(1) rotate(0);filter:blur(0) drop-shadow(0 24px 28px rgba(0,0,0,.28))}}@keyframes posterIn{0%{opacity:0;transform:translate3d(3%,3%,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes glowIn{0%{opacity:0;transform:scale(.96);filter:brightness(.85)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes floatIn{0%{opacity:0;transform:translate3d(0,12%,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes heartIn{0%{opacity:0;transform:scale(.72) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes heartFloat{0%{transform:translateZ(0) rotate(calc(var(--drift) * -1deg)) scale(1)}to{transform:translate3d(calc(var(--drift) * 1.6%),-4%,0) rotate(calc(var(--drift) * 2deg)) scale(1.045)}}@keyframes heartTwinkle{0%,14%{opacity:.18;filter:drop-shadow(0 0 4px rgba(255,87,34,.2)) brightness(.78)}24%,58%{opacity:1;filter:drop-shadow(0 0 14px rgba(255,91,34,.75)) brightness(1.16)}72%{opacity:.42;filter:drop-shadow(0 0 7px rgba(255,87,34,.34)) brightness(.9)}to{opacity:0;filter:drop-shadow(0 0 2px rgba(255,87,34,.12)) brightness(.64)}}@keyframes titleBreath{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(.45%,-.55%,0) scale(1.012)}}@keyframes posterFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-.8%,-.9%,0) scale(1.012)}}@keyframes logoDrift{0%{transform:translateZ(0) rotate(-.4deg)}to{transform:translate3d(0,-7%,0) rotate(.7deg)}}@keyframes orangeGlow{0%{filter:drop-shadow(0 0 8px rgba(255,111,16,.1)) brightness(1)}to{filter:drop-shadow(0 0 20px rgba(255,111,16,.27)) brightness(1.05)}}@keyframes posterGlow{0%{filter:drop-shadow(0 24px 28px rgba(0,0,0,.28)) brightness(1)}to{filter:drop-shadow(0 28px 32px rgba(0,0,0,.33)) brightness(1.05) saturate(1.06)}}@keyframes framePulse{0%{filter:drop-shadow(0 0 10px rgba(0,178,255,.2)) brightness(.98)}to{filter:drop-shadow(0 0 24px rgba(0,190,255,.5)) brightness(1.08)}}@keyframes tracklistPulse{0%{filter:drop-shadow(0 0 4px rgba(255,111,16,.12)) brightness(.98)}to{filter:drop-shadow(0 0 12px rgba(255,111,16,.24)) brightness(1.08)}}@keyframes desktopLightSweep{0%,45%{transform:translate(-115%);opacity:0}55%{opacity:1}72%,to{transform:translate(115%);opacity:0}}@keyframes ambientGlow{0%{opacity:.18}to{opacity:.55}}@keyframes backgroundPulse{0%{transform:scale(1);filter:saturate(1)}to{transform:scale(1.018);filter:saturate(1.1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}