.hero-section{background:linear-gradient(135deg,var(--background) 0%,var(--foreground) 100%);min-height:80vh;display:flex;align-items:center;position:relative}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--accent) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-hover) 0%,transparent 50%);opacity:.1}.hero-content{animation:fadeInUp 1s ease-out}.hero-title{animation:fadeInUp 1s ease-out .2s both}.hero-subtitle{animation:fadeInUp 1s ease-out .4s both}.hero-stats{animation:fadeInUp 1s ease-out .6s both}.hero-actions{animation:fadeInUp 1s ease-out .8s both}.hero-accent{background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:var(--accent);color:#fff;border-radius:12px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #4a90e24d}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:transparent;color:var(--text-primary);border:2px solid var(--accent);border-radius:12px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.hero-waves{position:absolute;bottom:0;left:0;right:0;height:100px;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:100px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:waveMove 4s ease-in-out infinite;opacity:.1}.wave-1{animation-delay:0s;animation-duration:4s}.wave-2{animation-delay:1s;animation-duration:5s;opacity:.05}.wave-3{animation-delay:2s;animation-duration:6s;opacity:.03}@keyframes waveMove{0%,to{transform:translate(-50%)}50%{transform:translate(0)}}.section-transition{padding:2rem 0;background:var(--background);position:relative}.transition-content{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:200px;margin:0 auto}.transition-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.transition-icon{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stations-section{background:var(--background);position:relative}.section-header{position:relative}.section-badge{animation:fadeInUp .8s ease-out}.section-title{animation:fadeInUp .8s ease-out .2s both}.section-subtitle{animation:fadeInUp .8s ease-out .4s both}@media (max-width: 768px){.hero-section{min-height:70vh;padding:2rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-stats{gap:2rem}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:1rem}}.app-section{background:linear-gradient(135deg,var(--foreground) 0%,var(--background) 100%);position:relative;min-height:80vh;display:flex;align-items:center}.app-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 75%,var(--accent) 0%,transparent 50%),radial-gradient(circle at 75% 25%,var(--accent-hover) 0%,transparent 50%);opacity:.1}.app-hero-content{animation:fadeInUp 1s ease-out}.app-header{animation:fadeInUp 1s ease-out .2s both}.app-title{animation:fadeInUp 1s ease-out .4s both}.app-subtitle{animation:fadeInUp 1s ease-out .6s both}.app-content{animation:fadeInUp 1s ease-out .8s both}.app-accent{background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.app-mockup-container{display:flex;justify-content:center;align-items:center;perspective:1000px}.app-mockup{transform:rotateY(-5deg) rotateX(5deg);transition:transform .3s ease;animation:phoneFloat 3s ease-in-out infinite}.app-mockup:hover{transform:rotateY(-2deg) rotateX(2deg) scale(1.05)}@keyframes phoneFloat{0%,to{transform:rotateY(-5deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(5deg) translateY(-10px)}}.phone-frame{width:280px;height:560px;position:relative}.phone-screen{width:100%;height:100%;position:relative}.phone-screenshot{width:100%;height:100%;object-fit:contain}.phone-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px;background:var(--foreground)}.phone-time{font-weight:600;color:var(--text-primary)}.phone-signals{display:flex;gap:8px;color:var(--text-primary)}.phone-content{padding:20px;height:calc(100% - 60px);overflow-y:auto}.app-title-bar{text-align:center;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.radio-logos{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.radio-logo{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600}.now-playing-card{background:var(--foreground);border-radius:16px;padding:20px;margin-bottom:20px;text-align:center;box-shadow:0 4px 12px #0000001a}.radio-artwork{font-size:3rem;margin-bottom:15px}.radio-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.radio-status{font-size:.9rem;color:var(--accent);font-weight:600;margin-bottom:10px}.song-title{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.player-controls{display:flex;justify-content:center;gap:20px;align-items:center}.control-btn,.play-btn{width:50px;height:50px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.play-btn{width:60px;height:60px;background:var(--accent-hover)}.control-btn:hover,.play-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #4a90e24d}.app-downloads{animation:fadeInUp 1s ease-out 1s both}.downloads-header{animation:fadeInUp 1s ease-out 1.2s both}.download-buttons{animation:fadeInUp 1s ease-out 1.4s both}.download-btn{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:var(--foreground);border:2px solid var(--text-secondary);border-radius:16px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.download-btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #4a90e24d}.download-btn-icon{width:6rem;height:6rem;transition:transform .3s ease;object-fit:contain;flex-shrink:0}.download-btn:hover .download-btn-icon{transform:scale(1.1)}.download-btn-content{display:flex;flex-direction:column}.download-btn-title{font-size:.9rem;color:var(--text-secondary);font-weight:500}.download-btn-platform{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.download-btn:hover .download-btn-title,.download-btn:hover .download-btn-platform{color:#fff}.app-features{display:flex;flex-wrap:wrap;gap:1rem;animation:fadeInUp 1s ease-out 1.6s both}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent)/10;border-radius:12px;border:1px solid var(--accent)/20;transition:all .3s ease}.feature-item:hover{background:var(--accent)/20;transform:translateY(-2px)}.feature-icon{font-size:1.2rem}.feature-text{font-size:.9rem;font-weight:600;color:var(--text-primary)}.app-waves{position:absolute;bottom:0;left:0;right:0;height:120px;overflow:hidden;z-index:1}.app-waves .wave{position:absolute;bottom:0;left:0;width:200%;height:120px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:waveMove 4s ease-in-out infinite;opacity:.2}.app-waves .wave-1{animation-delay:0s;animation-duration:4s;opacity:.3}.app-waves .wave-2{animation-delay:1s;animation-duration:5s;opacity:.2}.app-waves .wave-3{animation-delay:2s;animation-duration:6s;opacity:.1}@media (max-width: 1024px){.app-content{grid-template-columns:1fr;gap:4rem}.app-mockup-container{order:2}.app-downloads{order:1;text-align:center}}@media (max-width: 768px){.app-section{min-height:70vh;padding:2rem 0}.app-title{font-size:2.5rem}.app-subtitle{font-size:1.2rem}.phone-frame{width:240px;height:480px}.download-btn{padding:1.25rem 1.5rem}.app-features{justify-content:center}}@media (max-width: 480px){.app-title{font-size:2rem}.app-subtitle{font-size:1rem}.phone-frame{width:200px;height:400px}.download-btn{padding:1rem 1.25rem}.feature-item{flex-direction:column;text-align:center;gap:.25rem}}.jukebox-section{background:linear-gradient(135deg,var(--background) 0%,var(--foreground) 100%);position:relative;min-height:80vh;display:flex;align-items:center}.jukebox-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--accent) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-hover) 0%,transparent 50%);opacity:.1}.jukebox-hero-content{animation:fadeInUp 1s ease-out}.jukebox-header{animation:fadeInUp 1s ease-out .2s both}.jukebox-title{animation:fadeInUp 1s ease-out .4s both}.jukebox-subtitle{animation:fadeInUp 1s ease-out .6s both}.jukebox-content{animation:fadeInUp 1s ease-out .8s both}.jukebox-accent{background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.jukebox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.track-card{background:var(--foreground);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;animation:fadeInUp .8s ease-out both;position:relative}.track-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #4a90e233}.track-image-container{position:relative;height:200px;overflow:hidden}.track-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.track-card:hover .track-image{transform:scale(1.05)}.track-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center}.track-placeholder-icon{font-size:3rem;opacity:.8}.track-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.track-card:hover .track-overlay{opacity:1}.track-play-btn{width:60px;height:60px;background:var(--accent);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #4a90e24d}.track-play-btn:hover{transform:scale(1.1);background:var(--accent-hover);box-shadow:0 8px 24px #4a90e266}.play-icon{font-size:1.5rem;color:#fff}.track-info{padding:1.5rem}.track-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.track-artist{font-size:1rem;color:var(--text-secondary);margin-bottom:.75rem}.track-genre{display:inline-block;background:var(--accent)/10;color:var(--accent);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid var(--accent)/20}.jukebox-cta{animation:fadeInUp 1s ease-out 1s both}.jukebox-stats{animation:fadeInUp 1s ease-out 1.2s both}.jukebox-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.25rem 2.5rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:16px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 24px #4a90e24d;animation:fadeInUp 1s ease-out 1.4s both}.jukebox-btn:hover{background:var(--accent-hover);transform:translateY(-4px);box-shadow:0 12px 32px #4a90e266;color:#fff}.jukebox-btn-icon{font-size:1.5rem;transition:transform .3s ease;color:#fff}.jukebox-btn:hover .jukebox-btn-icon{transform:scale(1.1);color:#fff}.jukebox-btn-text{font-weight:700;color:#fff}.jukebox-btn:hover .jukebox-btn-text{color:#fff}.jukebox-btn-arrow{font-size:1.2rem;transition:transform .3s ease;color:#fff}.jukebox-btn:hover .jukebox-btn-arrow{transform:translate(4px);color:#fff}.jukebox-waves{position:absolute;bottom:0;left:0;right:0;height:120px;overflow:hidden;z-index:1}.jukebox-waves .wave{position:absolute;bottom:0;left:0;width:200%;height:120px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:waveMove 4s ease-in-out infinite;opacity:.2}.jukebox-waves .wave-1{animation-delay:0s;animation-duration:4s;opacity:.3}.jukebox-waves .wave-2{animation-delay:1s;animation-duration:5s;opacity:.2}.jukebox-waves .wave-3{animation-delay:2s;animation-duration:6s;opacity:.1}@keyframes waveMove{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.jukebox-section{min-height:70vh;padding:2rem 0}.jukebox-title{font-size:2.5rem}.jukebox-subtitle{font-size:1.2rem}.jukebox-grid{grid-template-columns:1fr;gap:1.5rem}.track-card{max-width:400px;margin:0 auto}.jukebox-stats{flex-direction:column;gap:1rem}.jukebox-btn{padding:1rem 2rem;font-size:1rem}}@media (max-width: 480px){.jukebox-title{font-size:2rem}.jukebox-subtitle{font-size:1rem}.track-image-container{height:160px}.track-info{padding:1rem}.jukebox-btn{padding:.875rem 1.5rem;font-size:.9rem}}