:root{--blue:#00a9f4;--cyan:#00e5ff;--orange:#ff7100;--yellow:#ffd500;--navy:#060b24;--card:#071337cc}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;color:#fff;background:#050817}
body{overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-2;background:
radial-gradient(circle at 80% 8%,#ff690055,transparent 24%),radial-gradient(circle at 25% 45%,#004cff38,transparent 35%),
linear-gradient(130deg,#07091a,#15102b 48%,#080b21)}
.bg:after{content:"";position:absolute;inset:20% 0 0;background:radial-gradient(ellipse at center,#06317a44,transparent 60%)}
header{height:115px;display:flex;align-items:center;padding:18px 4%;border-bottom:1px solid #218cff55;background:#050818b8;backdrop-filter:blur(12px)}
.brand{width:140px;max-height:85px;object-fit:contain}.date{margin:auto;display:flex;gap:20px;align-items:center;font-size:23px;font-weight:700}.date b{color:#607091}.live{border:1px solid #25e98a;border-radius:30px;padding:10px 20px;font-weight:800;color:#7cffb6;background:#00ff7d12}.live i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22f58b;box-shadow:0 0 14px #22f58b;margin-right:8px}
main{max-width:1500px;margin:auto;padding:35px 4% 0}.hero{min-height:490px;display:grid;grid-template-columns:55% 45%;align-items:center}.disc-zone{height:450px;position:relative;display:grid;place-items:center}.glow-ring{position:absolute;width:390px;height:390px;border-radius:50%;border:7px solid transparent;border-top-color:var(--orange);border-right-color:var(--cyan);border-bottom-color:var(--yellow);box-shadow:0 0 40px #008cff77,0 0 80px #ff690033;transform:rotate(-18deg)}.disc{width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#151a35 0 52%,#080b19 53%);border:11px solid #11162c;box-shadow:inset 0 0 35px #000,0 0 30px #00bfff77;display:grid;place-items:center;z-index:2}.disc img{width:78%;height:78%;object-fit:contain;border-radius:50%;animation:spin 10s linear infinite paused}.bars{position:absolute;left:0;right:0;bottom:25px;height:150px;display:flex;justify-content:center;align-items:end;gap:6px;z-index:1;opacity:.8}.bars i{width:7px;border-radius:8px 8px 0 0;background:linear-gradient(#00dfff,#086aff,#ff6d00);box-shadow:0 0 10px #00bfff;animation:vu .6s ease-in-out infinite alternate}.station{padding:20px 4%}.tag{display:inline-block;background:#f7194b;padding:7px 13px;border-radius:5px;font-weight:900;letter-spacing:.08em}.station h1{font-size:clamp(50px,6vw,84px);line-height:.9;margin:15px 0 8px}.freq{font-size:25px;font-weight:700}.freq span{color:#73829f;margin:0 10px}.slogan{font-size:22px;color:#d4d9e8;font-style:italic}.controls{display:flex;gap:18px;align-items:center;margin:30px 0 15px}.controls button{width:58px;height:58px;border-radius:50%;border:2px solid #fff;background:#07102b;color:#fff;font-size:18px;cursor:pointer}.controls .main{width:78px;height:78px;border:0;background:linear-gradient(135deg,#ff6a00,#ff2f63);box-shadow:0 0 35px #ff5a0077;font-size:28px}.volume-row{display:flex;gap:10px;align-items:center;max-width:500px}.volume-row input{flex:1;accent-color:var(--orange)}.status{color:#8f9bb7;font-size:13px;margin-top:9px}
.stats{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1fr;gap:18px;margin:25px 0}.card{min-height:170px;padding:25px;border:1px solid #1478e655;border-radius:16px;background:var(--card);box-shadow:inset 0 0 35px #001e5522}.card small{display:block;color:#c1c8dc;letter-spacing:.04em}.card strong{display:block;font-size:42px;margin:8px 0}.card em{color:#35e89a;font-style:normal}.icon{float:left;font-size:35px;margin-right:18px;color:#6defff}.flags{font-size:22px;word-break:break-word}.world strong{font-size:18px}.map{font-size:85px;text-align:center;margin-top:5px;filter:drop-shadow(0 0 18px #00bfff)}
footer{min-height:110px;border-top:1px solid #1677dd55;background:#040a20e8;display:flex;align-items:center;gap:50px;padding:18px 4%;margin-top:20px}.foot-brand{display:flex;align-items:center;font-weight:800}.foot-brand img{width:80px;height:70px;object-fit:contain}.foot-brand small{color:#9ba7c2}nav{display:flex;gap:32px;margin:auto}nav a{color:#cdd5e8;text-decoration:none}.mobile{border:1px solid #1478e655;border-radius:15px;padding:12px 18px;color:#d8e0f2}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes vu{from{height:15px}to{height:90px}}
@media(max-width:900px){header{height:85px}.date{font-size:15px}.brand{width:105px}.hero{grid-template-columns:1fr}.disc-zone{height:390px}.stats{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}}
@media(max-width:600px){header{padding:10px 15px}.brand{width:85px}.date{display:block;text-align:center;font-size:11px}.date b{display:none}.live{font-size:0;padding:10px}.live i{margin:0}.hero{padding-top:10px}.disc-zone{height:330px}.disc{width:245px;height:245px}.glow-ring{width:275px;height:275px}.station{padding:10px 2%}.station h1{font-size:48px}.freq{font-size:18px}.slogan{font-size:16px}.controls{justify-content:center}.stats{grid-template-columns:1fr;margin-top:15px}.card{min-height:125px;padding:18px}.card strong{font-size:32px}footer{gap:12px;justify-content:center}nav{gap:15px;font-size:12px}.mobile{display:none}}