/* Copyright (c) 2025 YesStreaming. All Rights Reserved. Unauthorized copying prohibited. */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--font-size-body);background:var(--bg-dark);color:var(--text-main);min-height:100vh;padding-bottom:90px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}h1{font-size:calc(var(--font-size-heading)*1.5)}h2{font-size:calc(var(--font-size-heading)*1.2)}h3{font-size:var(--font-size-heading)}h4{font-size:calc(var(--font-size-heading)*0.9)}h5{font-size:calc(var(--font-size-heading)*0.8)}h6{font-size:calc(var(--font-size-heading)*0.7)}.nav a,.menu a{font-size:var(--font-size-menu)}.logo-text,.header .logo-text{font-size:var(--font-size-logo)!important}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--menu-bg);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.1)}.header-inner{max-width:1400px;margin:0 auto;padding:0 24px;height:70px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo img{height:45px;width:45px;border-radius:10px;object-fit:cover}.logo-text{font-family:var(--font-heading);font-size:28px;letter-spacing:2px;color:var(--header-text)}.nav{display:flex;align-items:center;gap:8px}.nav a{font-family:var(--font-menu);color:var(--menu-link);text-decoration:none;padding:10px 20px;font-size:var(--font-size-menu);font-weight:500;border-radius:8px;transition:all 0.3s}.nav a:hover{color:var(--menu-hover);background:rgba(255,255,255,0.1)}.nav a.active{color:var(--menu-active-text);background:var(--menu-active-bg)}.live-indicator{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,0.15);color:#ef4444;padding:8px 16px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-main);font-size:24px;cursor:pointer;padding:8px}.main-content{padding-top:70px;padding-bottom:20px;min-height:auto}.container{max-width:1400px;margin:0 auto;padding:0 24px}.page-section{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section-label{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:3px;margin-bottom:12px}.section-title{font-family:var(--font-heading);font-size:clamp(40px,6vw,72px);letter-spacing:3px;color:var(--text-main);line-height:1}.section-subtitle{color:var(--text-muted);font-size:16px;margin-top:16px;max-width:600px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.05);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.card-body{padding:24px}.card-title{font-size:20px;font-weight:700;margin-bottom:8px}.card-text{color:var(--text-muted);font-size:14px;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.3s;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(230,57,70,0.3)}.btn-outline{background:transparent;border:2px solid rgba(255,255,255,0.2);color:var(--text-main)}.btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}.footer{background:var(--footer-bg);border-top:1px solid rgba(255,255,255,0.05);padding:60px 0;text-align:left;color:var(--footer-text)}@media (max-width:768px){.footer{padding:40px 0}}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-text{color:var(--footer-text);font-size:14px}.powered-by{margin-top:12px;font-size:12px;color:var(--text-muted);opacity:0.7}.powered-by a{color:#ff6b35;text-decoration:none;font-weight:600}.player{position:fixed;bottom:0;left:0;right:0;background:var(--player-bg,rgba(0,0,0,0.95));backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.1);padding:10px 16px;z-index:9999}.player-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:12px}.player-art{width:44px;height:44px;min-width:44px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.player-art img{width:100%;height:100%;object-fit:cover}.player-info{flex:1;min-width:0}.player-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#ef4444;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.player-status::before{content:'';width:5px;height:5px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}.player-track{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;max-width:200px}.player-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.play-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;cursor:pointer;display:flex;align-items:center;flex-shrink:0;justify-content:center;transition:all 0.3s}.play-btn:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(230,57,70,0.4)}.play-btn svg{fill:#fff;width:18px;height:18px}.volume-wrap{display:flex;align-items:center;gap:10px}.volume-wrap svg{width:20px;height:20px;fill:var(--text-muted)}.volume-slider{width:100px;height:4px;-webkit-appearance:none;background:rgba(255,255,255,0.1);border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%}.stream-select{position:relative}.stream-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);color:var(--text-main);padding:10px 16px;border-radius:10px;font-size:13px;cursor:pointer;transition:all 0.3s}.stream-btn:hover{background:rgba(255,255,255,0.12)}.stream-dropdown{display:none;position:absolute;bottom:100%;right:0;background:var(--bg-card);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:8px;margin-bottom:8px;min-width:200px;box-shadow:0 20px 40px rgba(0,0,0,0.4)}.stream-dropdown.show{display:block}.stream-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all 0.2s}.stream-item:hover{background:rgba(255,255,255,0.08)}.stream-item.active{background:rgba(230,57,70,0.15)}.stream-item img{width:32px;height:32px;border-radius:6px;object-fit:cover}.stream-name{font-weight:600;font-size:13px}.stream-genre{font-size:11px;color:var(--text-muted)}@media (max-width:1024px){.nav{gap:4px}.nav a{padding:8px 12px;font-size:13px}.logo-text{font-size:20px}.live-indicator{padding:6px 12px;font-size:11px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.footer-brand{grid-column:1/-1;text-align:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:24px}.footer-text{font-size:13px}.footer h4{font-size:16px;margin-bottom:16px}.footer ul li{margin-bottom:10px}.footer ul li a{font-size:13px}}@media (max-width:768px){.header-inner{padding:0 16px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:rgba(1,4,9,0.98);flex-direction:column;padding:20px;border-bottom:1px solid rgba(255,255,255,0.1);gap:8px}.nav a{padding:12px 16px;width:100%}.nav.show{display:flex}.mobile-menu-btn{display:block}.live-indicator{display:none}.footer{padding:40px 0}.footer-container{padding:0 16px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand{border-bottom:none;margin-bottom:0}.player{padding:8px 12px}.player-inner{gap:10px}.player-art{width:40px;height:40px;min-width:40px;border-radius:6px}.player-info{flex:1;min-width:0}.player-track{font-size:12px;max-width:120px}.player-status{font-size:9px}.play-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%!important}.play-btn svg{width:16px;height:16px}.volume-wrap{display:none}.stream-select{display:none}.player-controls{gap:8px}}.hero{min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(230,57,70,0.75) 0%,rgba(244,162,97,0.65) 50%,rgba(13,17,23,0.85) 100%);pointer-events:none;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:0 24px}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#ef4444;padding:10px 24px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px}.hero-badge .pulse-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite}.hero-title{font-family:'Bebas Neue',sans-serif;font-size:var(--hero-title-size,72px);letter-spacing:4px;line-height:0.95;margin-bottom:24px}.hero-title .gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--hero-subtitle-size,20px);color:var(--text-muted);max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.now-playing-widget{background:var(--np-bg-color,rgba(255,255,255,0.05));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--np-border-color,rgba(255,255,255,0.1));box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);border-radius:var(--np-border-radius,20px);padding:var(--np-padding,30px);display:flex;align-items:center;gap:24px;max-width:var(--np-max-width,600px);margin:60px auto 0}.np-art{width:var(--np-art-size,100px);height:var(--np-art-size,100px);border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.np-art img{width:100%;height:100%;object-fit:cover}.np-info{flex:1;text-align:left}.np-label{font-size:var(--np-title-size);color:var(--np-title-color);font-weight:600;font-family:var(--np-font);text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:6px;margin-bottom:8px}.np-label::before{content:'';width:6px;height:6px;background:var(--np-title-color);border-radius:50%;animation:pulse 1.5s infinite}.np-track{font-size:var(--np-song-size);color:var(--np-song-color);font-weight:700;font-family:var(--np-font);margin-bottom:4px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.np-artist{color:var(--np-artist-color);font-size:var(--np-artist-size);font-family:var(--np-font)}.schedule-item{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-card);border-radius:16px;border:1px solid rgba(255,255,255,0.05);transition:all 0.3s}.schedule-item:hover{border-color:var(--primary);transform:translateX(10px)}.schedule-time{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;min-width:100px;text-align:center}.schedule-img{width:60px;height:60px;border-radius:12px;object-fit:cover;flex-shrink:0}.schedule-info{flex:1}.schedule-title{font-size:18px;font-weight:700;margin-bottom:4px}.schedule-host{color:var(--text-muted);font-size:14px}.schedule-dj-img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);flex-shrink:0}.dj-card{text-align:center;padding:30px 24px}.dj-card .dj-img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:3px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(135deg,var(--primary),var(--secondary)) border-box}.dj-card .dj-name{font-size:20px;font-weight:700;margin-bottom:6px}.dj-card .dj-show{color:var(--primary);font-weight:600;font-size:14px;margin-bottom:4px}.dj-card .dj-time{color:var(--text-muted);font-size:13px}.dj-card .dj-social{display:flex;justify-content:center;gap:12px;margin-top:16px}.dj-card .dj-social a{color:var(--text-muted);transition:color 0.3s}.dj-card .dj-social a:hover{color:var(--primary)}.news-card .news-img{height:200px;object-fit:cover;width:100%}.news-card .news-body{padding:24px}.news-card .news-date{font-size:12px;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.news-card .news-title{font-size:20px;font-weight:700;margin-bottom:12px;line-height:1.4}.news-card .news-excerpt{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:20px}.news-card .news-link{color:var(--primary);font-weight:600;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:gap 0.3s}.news-card .news-link:hover{gap:12px}.station-card{display:flex;align-items:center;gap:16px;padding:20px;text-decoration:none;color:var(--text-main);position:relative;overflow:hidden}.station-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.station-card:hover .station-logo,.station-card:hover svg{transform:scale(1.05)}.station-card.active-station{border:2px solid var(--primary);background:rgba(239,68,68,0.05)}.station-card .station-logo{width:70px;height:70px;border-radius:14px;object-fit:cover;flex-shrink:0;transition:transform 0.3s}.station-card .station-name{font-weight:700;font-size:17px;margin-bottom:6px;color:#fff}.station-card .station-tagline{color:var(--text-muted);font-size:13px}.glass-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-right:0.1em;display:inline-block}.from-pink-500{--tw-gradient-from:var(--primary)}.to-purple-600{--tw-gradient-to:var(--secondary)}.text-pink-400,.text-pink-500{color:var(--primary)}.text-purple-300,.text-purple-400{color:var(--secondary)}.bg-pink-500{background-color:var(--primary)}.bg-purple-600{background-color:var(--secondary)}.border-pink-500{border-color:var(--primary)}.shadow-pink-500\/30{box-shadow:0 10px 25px -3px rgba(236,72,153,0.3)}.text-gray-300,.text-gray-400,.text-gray-600{color:var(--text-muted)}.bg-white\/10{background:rgba(255,255,255,0.1)}.bg-white\/20{background:rgba(255,255,255,0.2)}