@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@200..700&family=Anton&family=Black+Ops+One&family=Righteous&family=Bungee&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@keyframes earthSpin{0%{transform:perspective(1200px) rotateY(0) rotateX(-15deg) rotate(2deg)}to{transform:perspective(1200px) rotateY(360deg) rotateX(-15deg) rotate(2deg)}}@keyframes atmosphericBreathe{0%,to{transform:scale(1) translateZ(15px);opacity:.4}50%{transform:scale(1.01) translateZ(15px);opacity:.6}}@keyframes cloudFlow{0%{background-position:0% 0%,100% 100%}to{background-position:100% 100%,0% 0%}}@keyframes cityLightsTwinkle{0%,to{opacity:.8}50%{opacity:1}}.earth-globe{width:500px;height:500px;border-radius:50%;position:relative;transform-style:preserve-3d;background:radial-gradient(circle at 25% 25%,#1e3a8a,#1e40af),radial-gradient(circle at 75% 75%,#0c4a6e,#075985),linear-gradient(135deg,#0369a1,#0c4a6e,#164e63);box-shadow:inset -120px -120px 200px #000c,inset 60px 60px 120px #3b82f626,inset -200px 0 300px #0009,0 0 200px #1d4ed84d,0 0 400px #1d4ed81a,0 20px 60px #00000080;animation:earthSpin 45s linear infinite;overflow:hidden;perspective:1200px;filter:contrast(1.1) brightness(1.05) saturate(1.2)}.earth-continents{position:absolute;width:100%;height:100%;border-radius:50%;transform:translateZ(8px);background:radial-gradient(ellipse 85px 125px at 15% 25%,#059669 0%,#047857 15%,#065f46 35%,#064e3b 50%,transparent 65%),radial-gradient(ellipse 45px 65px at 18% 35%,#047857 0%,#065f46 25%,#064e3b 45%,transparent 60%),radial-gradient(ellipse 38px 145px at 25% 65%,#059669 0%,#047857 20%,#065f46 40%,#064e3b 60%,transparent 75%),radial-gradient(ellipse 55px 38px at 48% 22%,#10b981 0%,#059669 25%,#047857 50%,#065f46 75%,transparent 85%),radial-gradient(ellipse 75px 145px at 52% 50%,#059669 0%,#047857 15%,#065f46 30%,#064e3b 50%,#052e16 70%,transparent 85%),radial-gradient(ellipse 145px 105px at 75% 30%,#047857 0%,#065f46 20%,#064e3b 40%,#052e16 65%,transparent 75%),radial-gradient(ellipse 65px 85px at 82% 25%,#059669 0%,#047857 30%,#065f46 60%,transparent 70%),radial-gradient(ellipse 48px 32px at 85% 72%,#10b981 0%,#059669 25%,#047857 50%,#065f46 75%,transparent 85%),radial-gradient(ellipse 125px 42px at 50% 92%,#f1f5f9 0%,#e2e8f0 20%,#cbd5e1 40%,#94a3b8 65%,transparent 85%),radial-gradient(ellipse 28px 42px at 35% 15%,#f1f5f9 0%,#e2e8f0 30%,#cbd5e1 60%,#94a3b8 80%,transparent 90%);filter:drop-shadow(3px 3px 6px rgba(0,0,0,.4)) contrast(1.2) saturate(1.1)}.earth-oceans{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 20% 30%,#1e40af,#1e3a8a,#0f172a 80%),radial-gradient(circle at 70% 60%,#2563eb 0%,#1d4ed8 30%,transparent 50%),radial-gradient(circle at 80% 20%,#3b82f6 0%,transparent 40%),linear-gradient(45deg,#0f172a,#1e3a8a,#1e40af)}.earth-clouds{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.8;transform:translateZ(12px);background:radial-gradient(ellipse 180px 70px at 25% 35%,rgba(255,255,255,.5) 0%,rgba(248,250,252,.3) 30%,transparent 65%),radial-gradient(ellipse 140px 55px at 65% 25%,rgba(255,255,255,.4) 0%,rgba(248,250,252,.2) 40%,transparent 70%),radial-gradient(ellipse 160px 60px at 85% 65%,rgba(255,255,255,.45) 0%,rgba(248,250,252,.25) 35%,transparent 60%),radial-gradient(ellipse 120px 45px at 15% 75%,rgba(255,255,255,.35) 0%,rgba(248,250,252,.15) 45%,transparent 75%),radial-gradient(ellipse 200px 40px at 50% 8%,rgba(255,255,255,.6) 0%,rgba(248,250,252,.3) 50%,transparent 80%),radial-gradient(ellipse 180px 35px at 50% 92%,rgba(255,255,255,.5) 0%,rgba(248,250,252,.25) 55%,transparent 85%),radial-gradient(ellipse 300px 25px at 50% 50%,rgba(255,255,255,.2) 0%,transparent 40%);background-size:350% 150%;animation:cloudFlow 90s linear infinite;filter:blur(.8px) brightness(1.1)}.earth-atmosphere{position:absolute;width:130%;height:130%;top:-15%;left:-15%;border-radius:50%;background:radial-gradient(circle at 30% 30%,transparent 65%,rgba(135,206,250,.15) 72%,rgba(30,144,255,.25) 78%,rgba(59,130,246,.35) 85%,rgba(29,78,216,.4) 92%,rgba(30,58,138,.3) 97%,transparent 100%),radial-gradient(circle at 25% 25%,transparent 70%,rgba(147,197,253,.2) 80%,rgba(96,165,250,.15) 90%,transparent 100%);animation:atmosphericBreathe 15s ease-in-out infinite;pointer-events:none;transform:translateZ(20px);filter:blur(2px) brightness(1.2)}.earth-terminator{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse 120% 100% at 70% 50%,transparent 40%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.5) 65%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.95) 100%);pointer-events:none;transform:translateZ(3px)}.earth-lights{position:absolute;width:100%;height:100%;border-radius:50%;transform:translateZ(6px);background:radial-gradient(ellipse 14px 9px at 18% 32%,rgba(255,215,100,1) 0%,rgba(255,180,50,.8) 25%,rgba(255,140,20,.4) 50%,transparent 75%),radial-gradient(ellipse 10px 7px at 48% 22%,rgba(255,215,100,.9) 0%,rgba(255,180,50,.7) 30%,rgba(255,140,20,.3) 60%,transparent 85%),radial-gradient(ellipse 16px 11px at 75% 30%,rgba(255,215,100,1) 0%,rgba(255,180,50,.9) 20%,rgba(255,140,20,.5) 45%,transparent 70%),radial-gradient(ellipse 8px 6px at 85% 72%,rgba(255,215,100,.8) 0%,rgba(255,180,50,.6) 35%,transparent 80%),radial-gradient(ellipse 6px 4px at 25% 68%,rgba(255,215,100,.7) 0%,rgba(255,180,50,.4) 50%,transparent 90%),radial-gradient(ellipse 7px 5px at 52% 45%,rgba(255,215,100,.6) 0%,rgba(255,180,50,.3) 60%,transparent 95%),radial-gradient(ellipse 4px 3px at 15% 25%,rgba(255,215,100,.5) 0%,rgba(255,180,50,.2) 70%,transparent 100%),radial-gradient(ellipse 25px 3px at 65% 45%,rgba(255,215,100,.4) 0%,rgba(255,180,50,.2) 40%,transparent 70%),radial-gradient(ellipse 20px 2px at 22% 35%,rgba(255,215,100,.35) 0%,rgba(255,180,50,.15) 50%,transparent 80%),radial-gradient(ellipse 5px 8px at 30% 40%,rgba(255,140,20,.6) 0%,rgba(255,100,0,.3) 60%,transparent 90%);opacity:.9;animation:cityLightsTwinkle 12s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none;filter:brightness(1.4) contrast(1.2) blur(.3px)}.earth-texture{position:absolute;width:100%;height:100%;border-radius:50%;background:repeating-linear-gradient(45deg,transparent 0px,rgba(255,255,255,.02) 1px,transparent 2px),repeating-linear-gradient(-45deg,transparent 0px,rgba(0,0,0,.03) 1px,transparent 3px);pointer-events:none}@keyframes pulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes activePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 10px transparent}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}.pulse-point{transition:all .3s ease}.pulse-point.active{animation:activePulse 2s infinite}.pulse-point.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:currentColor;animation:ripple 2s infinite;pointer-events:none}:root{--background: hsl(0, 0%, 100%);--foreground: hsl(20, 14.3%, 4.1%);--muted: hsl(60, 4.8%, 95.9%);--muted-foreground: hsl(25, 5.3%, 44.7%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(20, 14.3%, 4.1%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(20, 14.3%, 4.1%);--border: hsl(20, 5.9%, 90%);--input: hsl(20, 5.9%, 90%);--primary: hsl(207, 90%, 54%);--primary-foreground: hsl(211, 100%, 99%);--secondary: hsl(60, 4.8%, 95.9%);--secondary-foreground: hsl(24, 9.8%, 10%);--accent: hsl(60, 4.8%, 95.9%);--accent-foreground: hsl(24, 9.8%, 10%);--destructive: hsl(0, 84.2%, 60.2%);--destructive-foreground: hsl(60, 9.1%, 97.8%);--ring: hsl(20, 14.3%, 4.1%);--radius: .5rem;--spotify-black: hsl(0, 0%, 7%);--spotify-dark: hsl(0, 0%, 11%);--spotify-gray: hsl(0, 0%, 18%);--spotify-green: hsl(141, 76%, 48%);--spotify-green-hover: hsl(141, 76%, 52%);--spotify-light-gray: hsl(0, 0%, 53%);--spotify-text: hsl(0, 0%, 70%)}.dark{--background: hsl(240, 10%, 3.9%);--foreground: hsl(0, 0%, 98%);--muted: hsl(240, 3.7%, 15.9%);--muted-foreground: hsl(240, 5%, 64.9%);--popover: hsl(240, 10%, 3.9%);--popover-foreground: hsl(0, 0%, 98%);--card: hsl(240, 10%, 3.9%);--card-foreground: hsl(0, 0%, 98%);--border: hsl(240, 3.7%, 15.9%);--input: hsl(240, 3.7%, 15.9%);--primary: hsl(207, 90%, 54%);--primary-foreground: hsl(211, 100%, 99%);--secondary: hsl(240, 3.7%, 15.9%);--secondary-foreground: hsl(0, 0%, 98%);--accent: hsl(240, 3.7%, 15.9%);--accent-foreground: hsl(0, 0%, 98%);--destructive: hsl(0, 62.8%, 30.6%);--destructive-foreground: hsl(0, 0%, 98%);--ring: hsl(240, 4.9%, 83.9%);--radius: .5rem}@layer base{*{@apply border-border;}body{@apply font-sans antialiased bg-background text-foreground;}}@layer utilities{.bg-spotify-black{background-color:var(--spotify-black)}.bg-spotify-dark{background-color:var(--spotify-dark)}.bg-spotify-gray{background-color:var(--spotify-gray)}.bg-spotify-green{background-color:var(--spotify-green)}.bg-spotify-green-hover{background-color:var(--spotify-green-hover)}.text-spotify-green{color:var(--spotify-green)}.text-spotify-text{color:var(--spotify-text)}.border-spotify-gray{border-color:var(--spotify-gray)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes earthSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes cloudFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes atmosphericGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}