:root{color-scheme:dark}body{background:radial-gradient(120% 140% at 50% 0%,#2f0716,#05040a 55%,#010102);color:#ffffffe6;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}body:before{background:radial-gradient(circle at 20% 15%,rgba(255,0,60,.25),transparent 45%),radial-gradient(circle at 80% 0%,rgba(102,0,51,.2),transparent 55%),linear-gradient(120deg,#0f0514a6,#020103cc);filter:blur(.2px)}body:after{background-image:repeating-linear-gradient(0deg,#ffffff05 0px 1px,#0000 2px 4px);opacity:.35;mix-blend-mode:soft-light}header{background:#040208a6;box-shadow:0 8px 30px #0009;border-bottom:1px solid rgba(255,0,40,.18);backdrop-filter:blur(12px)}nav{color:#ffffffc7}.logo{color:#fff;text-shadow:0 0 12px rgba(255,0,0,.5)}.nav-links a{color:#ffffffbf;text-shadow:0 0 10px rgba(255,0,0,.28)}.nav-links a:hover,.nav-links a:focus{color:#ff3b5c;text-shadow:0 0 14px rgba(255,0,0,.45)}.mobile-menu{color:#ffffffb3}footer{background:#030206d9;color:#ffffffbf;border-top:1px solid rgba(255,0,30,.18);backdrop-filter:blur(12px)}.social-links a:hover,.social-links a:focus{color:#ff3b5c}main.spotify-dark{position:relative;flex:1 0 auto;width:100%;padding:clamp(7rem,12vh,9rem) 1.5rem 6rem;display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,5vw,4.5rem);overflow:hidden;isolation:isolate}.spotify-dark__background{position:absolute;inset:0;z-index:-1;overflow:hidden}.spotify-dark__grid{position:absolute;inset:-60% -40% -40% -60%;background-image:radial-gradient(rgba(255,0,45,.18) 1px,transparent 1px);background-size:90px 90px;opacity:.4;animation:spotify-rotate-grid 55s linear infinite}.spotify-dark__flare{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(120px);opacity:.35;mix-blend-mode:screen;animation:spotify-drift 24s ease-in-out infinite}.spotify-dark__flare--one{top:-30%;left:-15%;background:radial-gradient(circle,#ff003c73,#ff003c00 70%);animation-delay:.8s}.spotify-dark__flare--two{bottom:-40%;right:-25%;background:radial-gradient(circle,#78003c99,#78003c00 70%);animation-delay:4.2s}.spotify-dark__scanline{position:absolute;inset:0;background-image:linear-gradient(transparent 0%,rgba(255,0,40,.08) 20%,rgba(255,0,40,.16) 25%,transparent 30%);background-size:100% 12vh;opacity:.5;mix-blend-mode:screen;animation:spotify-scanline 12s linear infinite}.spotify-dark__card{position:relative;max-width:680px;width:min(95%,680px);padding:clamp(2.6rem,4vw,4rem);border-radius:26px;background:#08040cb8;border:1px solid rgba(255,0,45,.35);box-shadow:0 25px 60px #000000a6,0 0 80px #ff001940;backdrop-filter:blur(22px);text-align:center;overflow:hidden}.spotify-dark__card:before{content:"";position:absolute;inset:-60% -40%;background:conic-gradient(from 0deg,#ff000059,#f000,#78003c73,#f000);filter:blur(120px);opacity:.8;animation:spotify-aura 18s linear infinite;z-index:-2}.spotify-dark__card:after{content:"";position:absolute;inset:1px;border-radius:24px;background:#05040aeb;border:1px solid rgba(255,255,255,.04);z-index:-1}.spotify-dark__meta{letter-spacing:.45em;text-transform:uppercase;font-size:.75rem;color:#ffffff8c;display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.7rem}.spotify-dark__meta:before,.spotify-dark__meta:after{content:"";width:32px;height:1px;background:linear-gradient(90deg,#fff0,#ff002d99)}.spotify-dark__eyes{position:relative;width:min(360px,72%);height:min(160px,28vw);margin:0 auto 1.8rem;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.spotify-dark__eye-wrapper{--eye-tilt: 0deg;width:44%;aspect-ratio:5 / 3;display:flex;align-items:center;justify-content:center;transform:rotate(var(--eye-tilt));animation:spotify-eye-blink 7s infinite}.spotify-dark__eye-wrapper--left{--eye-tilt: 6deg;animation-delay:1.4s}.spotify-dark__eye-wrapper--right{--eye-tilt: -6deg;animation-delay:3.1s}.spotify-dark__eye{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 40%,#ffe6dcf2,#ff3c3cd9 38%,#78001eeb 68%,#000 88%);box-shadow:0 0 25px #ff2d2db3,0 0 55px #ff001e73;overflow:hidden;animation:spotify-eye-pulse 3s ease-in-out infinite alternate}.spotify-dark__eye:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,0,0,.35),transparent 70%);mix-blend-mode:screen;animation:spotify-eye-aura 9s linear infinite}.spotify-dark__eye:after{content:"";position:absolute;top:18%;right:18%;width:32%;height:32%;border-radius:50%;background:radial-gradient(circle,#ffffffe6,#fff0 70%);filter:blur(1px);opacity:.85;animation:spotify-eye-spark 4.5s ease-in-out infinite alternate}.spotify-dark__title{font-size:clamp(2.6rem,5.5vw,4rem);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.1rem;position:relative;color:#fff;text-shadow:0 0 30px rgba(255,0,0,.55),0 0 80px rgba(255,0,0,.35)}.spotify-dark__title:before,.spotify-dark__title:after{content:attr(data-text);position:absolute;inset:0;opacity:.55;mix-blend-mode:screen}.spotify-dark__title:before{color:#ff3c3ccc;transform:translate3d(-2px,0,0);animation:spotify-glitch 5s infinite}.spotify-dark__title:after{color:#00c8ff73;transform:translate3d(2px,0,0);animation:spotify-glitch 7s infinite reverse}.spotify-dark__subtitle{font-size:1.05rem;color:#ffffffb8;line-height:1.7;margin-bottom:2.4rem}.spotify-dark__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.2rem;margin-bottom:2.8rem}.spotify-dark__feature{position:relative;padding:1.2rem 1.3rem;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,0,45,.28);box-shadow:inset 0 0 22px #ff001e26;text-align:left;backdrop-filter:blur(12px);overflow:hidden}.spotify-dark__feature:before{content:"";position:absolute;inset:-40% 20% 50% -30%;background:linear-gradient(135deg,#ff002866,#ff002800);opacity:0;transition:opacity .4s ease;mix-blend-mode:screen}.spotify-dark__feature:hover:before,.spotify-dark__feature:focus-within:before{opacity:1}.spotify-dark__feature-label{display:block;font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c;margin-bottom:.45rem}.spotify-dark__feature-value{font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 0 20px rgba(255,0,30,.4)}.spotify-dark__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.8rem;border-radius:999px;background:linear-gradient(120deg,#ff2626,#c4002f 55%,#4d0016);border:1px solid rgba(255,0,40,.6);color:#fff;font-size:1.05rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 28px #ff002859;text-shadow:0 0 12px rgba(0,0,0,.35);overflow:hidden;isolation:isolate}.spotify-dark__cta:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff6,#fff0);opacity:0;transition:opacity .3s ease;mix-blend-mode:screen;z-index:-1}.spotify-dark__cta:after{content:"";position:absolute;inset:-120% 55% auto;width:8%;height:240%;background:linear-gradient(transparent,rgba(255,255,255,.95),transparent);transform:rotate(25deg);opacity:.65;animation:spotify-sweep 3.6s linear infinite}.spotify-dark__cta:hover,.spotify-dark__cta:focus-visible{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 40px #ff00288c}.spotify-dark__cta:hover:before,.spotify-dark__cta:focus-visible:before{opacity:1}.spotify-dark__cta:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:4px}.spotify-dark__cta:active{transform:translateY(0) scale(.99)}.spotify-dark__disclaimer{margin-top:1.6rem;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c}.spotify-dark__stats-shell{position:relative;width:min(920px,92%);padding:clamp(2rem,4vw,2.8rem);border-radius:22px;background:#0a08129e;border:1px solid rgba(255,0,45,.26);backdrop-filter:blur(18px);box-shadow:0 25px 70px #000000a6;overflow:hidden}.spotify-dark__stats-shell:before{content:"";position:absolute;inset:-160% -40% 40%;background:radial-gradient(circle,rgba(255,0,40,.18) 0%,transparent 70%);animation:spotify-drift 20s linear infinite;opacity:.7}.spotify-dark__stats-title{text-transform:uppercase;letter-spacing:.38em;font-size:.78rem;color:#ffffff9e;margin-bottom:1.2rem}.spotify-dark__stats{min-height:150px;color:#ffffffd1;font-size:1rem;line-height:1.6;text-shadow:0 0 16px rgba(255,0,0,.2)}@keyframes spotify-rotate-grid{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes spotify-drift{0%{transform:translate3d(-5%,-4%,0) scale(1)}50%{transform:translate3d(6%,8%,0) scale(1.1)}to{transform:translate3d(-5%,-4%,0) scale(1)}}@keyframes spotify-scanline{0%{background-position:0% -12vh}to{background-position:0% 12vh}}@keyframes spotify-aura{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spotify-eye-blink{0%,82%,to{transform:rotate(var(--eye-tilt)) scaleY(1)}86%,88%{transform:rotate(var(--eye-tilt)) scaleY(.18)}90%{transform:rotate(var(--eye-tilt)) scaleY(1.1)}}@keyframes spotify-eye-pulse{0%{box-shadow:0 0 18px #ff2d2d99,0 0 45px #ff001e59}to{box-shadow:0 0 32px #ff2d2de6,0 0 68px #ff001e8c}}@keyframes spotify-eye-aura{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes spotify-eye-spark{0%{transform:translateZ(0) scale(1);opacity:.75}to{transform:translate3d(-10%,8%,0) scale(1.15);opacity:1}}@keyframes spotify-glitch{0%,12%,to{clip-path:inset(0 0 0 0);transform:translateZ(0)}2%{clip-path:inset(10% 0 65% 0);transform:translate3d(-3px,-2px,0)}4%{clip-path:inset(80% 0 0 0);transform:translate3d(2px,1px,0)}8%{clip-path:inset(40% 0 20% 0);transform:translate3d(-2px,1px,0)}}@keyframes spotify-sweep{0%{transform:translateZ(0) rotate(25deg)}to{transform:translate3d(-450%,0,0) rotate(25deg)}}@media (max-width: 900px){main.spotify-dark{padding:7rem 1.2rem 5rem}.spotify-dark__card{padding:2.4rem 2rem 2.6rem}.spotify-dark__features{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 620px){.nav-links{background:#05040af2}.spotify-dark__meta{letter-spacing:.35em}.spotify-dark__eyes{width:82%}.spotify-dark__subtitle{font-size:1rem}.spotify-dark__cta{width:100%;letter-spacing:.22em}}@media (max-width: 460px){main.spotify-dark{padding:6.5rem 1rem 4rem;gap:3rem}.spotify-dark__card{padding:2.1rem 1.5rem}.spotify-dark__title{font-size:2.2rem}.spotify-dark__features{grid-template-columns:1fr}.spotify-dark__stats-shell{padding:1.8rem 1.4rem}}@media (prefers-reduced-motion: reduce){.spotify-dark__grid,.spotify-dark__flare,.spotify-dark__scanline,.spotify-dark__card:before,.spotify-dark__eye,.spotify-dark__eye:before,.spotify-dark__eye:after,.spotify-dark__cta:after,.spotify-dark__feature:before,.spotify-dark__stats-shell:before{animation-duration:1ms!important;animation-iteration-count:1!important}.spotify-dark__cta,.spotify-dark__feature,.spotify-dark__card,.spotify-dark__stats-shell{transition-duration:.01ms!important}}