.radio-hero{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#111128 50%,#0a0a0a 100%);padding:50px 0;position:relative;overflow:hidden}.radio-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#efff020f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;right:-20%}.radio-hero-inner{align-items:center;gap:50px;max-width:1200px;margin:0 auto;padding:0 30px;display:flex}.radio-hero-cover{background:#1a1a1a;border-radius:16px;flex-shrink:0;width:240px;height:240px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 40px #efff0214}.radio-hero-cover img{object-fit:cover;width:100%;height:100%;display:block}.radio-hero-playing-overlay{background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-eq{align-items:flex-end;gap:4px;height:30px;display:flex}.hero-eq span{background:var(--yellow,#efff02);border-radius:2px;width:5px;animation:1s ease-in-out infinite hero-eq-bounce}.hero-eq span:first-child{height:8px;animation-delay:0s}.hero-eq span:nth-child(2){height:20px;animation-delay:.15s}.hero-eq span:nth-child(3){height:12px;animation-delay:.3s}.hero-eq span:nth-child(4){height:24px;animation-delay:.1s}@keyframes hero-eq-bounce{0%,to{height:5px}50%{height:28px}}.radio-hero-info{flex:1;min-width:0}.radio-hero-badge{letter-spacing:1.5px;color:#fffc;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.7rem;font-weight:700;display:inline-flex}.hero-live-dot{background:#ff3b30;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite hero-pulse-dot}@keyframes hero-pulse-dot{0%,to{box-shadow:0 0 #ff3b3099}50%{box-shadow:0 0 0 5px #ff3b3000}}.radio-hero-title{text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:2.2rem;font-weight:800;line-height:1.2;overflow:hidden}.radio-hero-artist{color:#ffffff8c;margin:0 0 30px;font-size:1.15rem;font-weight:500}.radio-hero-actions{align-items:center;gap:24px;display:flex}.hero-play-btn{background:var(--yellow,#efff02);color:#000;letter-spacing:.5px;cursor:pointer;font-size:.95rem;font-weight:800;font-family:var(--font-poppins,sans-serif);border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 36px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.hero-play-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #efff024d}.hero-play-btn.playing{color:var(--yellow,#efff02);background:#efff0226;border:1px solid #efff024d}.hero-play-btn.playing:hover{background:#efff0240;box-shadow:0 8px 30px #efff0226}.hero-stations-link{color:#fff9;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .2s}.hero-stations-link:hover{color:#fff}@media (max-width:768px){.radio-hero{padding:35px 0}.radio-hero-inner{text-align:center;flex-direction:column;gap:28px;padding:0 20px}.radio-hero-cover{width:180px;height:180px}.radio-hero-badge{margin-bottom:14px}.radio-hero-title{white-space:normal;font-size:1.5rem}.radio-hero-artist{margin-bottom:22px}.radio-hero-actions{flex-direction:column;gap:16px}.hero-play-btn{justify-content:center;width:100%;padding:14px 40px}}@media (max-width:480px){.radio-hero{padding:28px 0}.radio-hero-cover{width:150px;height:150px}.radio-hero-title{font-size:1.3rem}}