@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#02070d;--panel:#06111b;--panel2:#071722;--blue:#009cff;--blue2:#0069c9;--orange:#ff7900;--white:#f5f8fb;--muted:#91a4b6;--line:rgba(0,157,255,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.app{min-height:100vh;background:radial-gradient(circle at 80% 20%,rgba(0,102,190,.12),transparent 35%),#02070d}.topbar{height:40px;background:#010408;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:12px;color:#d5e0e9}.top-left,.top-right{display:flex;gap:14px;align-items:center}.top-left .muted{color:#7d91a4}.live-dot,.green-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block;box-shadow:0 0 10px #ff7900cc}.green-dot{background:#39d353;box-shadow:none;margin-right:5px}.top-right span:first-child{color:#7e93a6}.live-button,.primary{border:0;background:linear-gradient(135deg,#ff9b00,#ff6800);color:#fff;font-weight:800;border-radius:6px;padding:10px 18px;display:flex;gap:8px;align-items:center;cursor:pointer;box-shadow:0 0 22px #ff79002e}.header{height:100px;background:#010509f2;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;padding:0 4%;position:relative;z-index:10}.brand-wrap{width:260px;position:relative;align-self:stretch;display:flex;align-items:center}.logo{width:150px;height:140px;object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.45))}.brand-watermark{display:none}.nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:12px;font-weight:800;color:#c9d3dc}.nav a{height:100px;display:flex;align-items:center;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:#fff;border-bottom-color:var(--orange)}.nav .staff{height:auto;border:1px solid #345064;border-radius:5px;padding:10px 13px;gap:6px}.nav .staff:hover{border-color:var(--blue);background:#009cff14}.mobile-menu{display:none;margin-left:auto;background:none;border:0;color:#fff}.hero{position:relative;min-height:475px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:55px 7%;gap:6%;background:linear-gradient(90deg,#020911fa,#020911bf 45%,#02091147)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,#02070d,transparent);z-index:1}.skyline-art{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00122380,#02070d26),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 520"%3E%3Cdefs%3E%3ClinearGradient id="g" x1="0" y1="0" x2="1" y2="0"%3E%3Cstop stop-color="%23002a55"/%3E%3Cstop offset=".5" stop-color="%230077cc"/%3E%3Cstop offset="1" stop-color="%23ff7900"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width="1600" height="520" fill="%23040d17"/%3E%3Cg fill="url(%23g)" opacity=".45"%3E%3Cpath d="M0 400h90V280h60v120h60V220h75v180h70V170h75v230h75V250h70v150h65V105h90v295h70V190h75v210h55V145h100v255h60V245h70v155h80V185h90v215h70V275h80v125h70V210h90v190h90v-80h80v80h90v-40h80v40h70v120H0z"/%3E%3C/g%3E%3Cg fill="none" stroke="%2300a8ff" stroke-width="4" opacity=".35"%3E%3Cpath d="M110 400V300l65-70 65 70v100M580 400V180l45-55 45 55v220M960 400V190l55-70 55 70v210"/%3E%3C/g%3E%3Cg fill="%23ffb000" opacity=".75"%3E%3Ccircle cx="1040" cy="180" r="4"/><circle cx="1090" cy="220" r="3"/><circle cx="760" cy="150" r="3"/><circle cx="810" cy="210" r="3"/></g%3E%3C/svg%3E') center/cover no-repeat;filter:saturate(1.15);opacity:.85}.hero-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.hero-watermark img{width:min(620px,55vw);opacity:.075;filter:grayscale(1) brightness(2);transform:rotate(-2deg)}.hero-content{position:relative;z-index:2;max-width:620px}.eyebrow{font-size:12px;letter-spacing:5px;font-weight:800;color:#dbe8f4;margin-bottom:13px}.hero h1{font-size:62px;line-height:.9;margin:0 0 22px;font-weight:900;letter-spacing:-2px}.hero h1 span{color:var(--orange)}.hero p{font-size:15px;line-height:1.7;color:#d2dce5;margin-bottom:25px}.hero-actions{display:flex;gap:12px}.primary,.secondary{height:46px;padding:0 22px;border-radius:5px;font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer}.secondary{background:#02080e80;border:1px solid #3c5b70;color:#fff}.secondary:hover{border-color:var(--blue)}.now-card{position:relative;z-index:2;margin-left:auto;width:490px;background:#020910e6;border:1px solid #294558;border-radius:7px;padding:20px;box-shadow:0 20px 70px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill{display:inline-flex;background:var(--orange);border-radius:4px;padding:6px 9px;font-size:11px;font-weight:900}.now-main{display:flex;gap:20px;margin:18px 0}.cover{width:145px;height:145px;background:#04111c;border-radius:5px;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.now-info{flex:1}.now-info h2{font-size:19px;margin:5px 0}.now-info h3{color:var(--orange);font-size:17px;margin:0 0 9px}.now-info p{color:#8ca0b2;font-size:13px}.wave{height:44px;display:flex;align-items:center;gap:4px;margin:15px 0}.wave i{width:5px;background:linear-gradient(#00a9ff,#ff7900);border-radius:3px;animation:pulse 1.1s ease-in-out infinite alternate}.wave i:nth-child(1),.wave i:nth-child(8){height:12px}.wave i:nth-child(2),.wave i:nth-child(7){height:23px}.wave i:nth-child(3),.wave i:nth-child(6){height:36px}.wave i:nth-child(4),.wave i:nth-child(9){height:29px}.wave i:nth-child(5),.wave i:nth-child(10){height:42px}.wave i:nth-child(11){height:19px}.wave i:nth-child(12){height:34px}@keyframes pulse{to{transform:scaleY(.55)}}.controls{display:flex;align-items:center;gap:10px;color:#b8c6d1}.round{width:38px;height:38px;border-radius:50%;border:1px solid var(--blue);background:#03111e;color:#fff;display:grid;place-items:center;cursor:pointer}.bar,.volume{height:4px;background:#223442;flex:1;border-radius:10px;overflow:hidden}.bar span,.volume span{display:block;width:60%;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange))}.controls b{font-size:10px;color:#7d91a2}.controls em{font-style:normal;color:var(--orange);font-size:11px;font-weight:900}.request{width:100%;height:42px;border:1px solid #3a5061;background:#020b13;color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer}.request svg:last-child{margin-left:auto;margin-right:10px}.dashboard-grid{position:relative;z-index:3;max-width:1270px;margin:-5px auto 0;padding:0 24px;display:grid;grid-template-columns:1.05fr 1.2fr 1.2fr 1.2fr;gap:10px}.panel{background:linear-gradient(180deg,#04101bfa,#020a11fa);border:1px solid #0b4b71;border-radius:5px;min-height:240px;padding:17px}.panel.orange{border-color:#6a3d08}.panel h3{font-size:12px;margin:0 0 16px;border-left:2px solid var(--blue);padding-left:9px}.panel.orange h3{border-color:var(--orange)}.onair{text-align:center}.avatar{width:92px;height:92px;border:1px solid #5b6d7b;border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:800;margin:3px auto 14px;background:radial-gradient(circle,#122a3d,#020a12)}.onair h3{border:0;padding:0;margin:0;font-size:18px}.onair strong{display:block;color:var(--orange);font-size:14px;margin:3px 0 8px}.onair-badge{display:inline-block;background:var(--orange);padding:4px 8px;border-radius:3px;font-size:10px;font-weight:900}.onair p{font-size:11px;color:#879bab;margin-top:13px}.list-row,.news-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);padding:10px 0}.mini-avatar,.number,.event-tag{width:30px;height:30px;border-radius:50%;background:#062844;border:1px solid #006fae;color:#70caff;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.list-row>div:nth-child(2),.news-row>div:nth-child(2){min-width:0}.list-row b,.news-row b{display:block;font-size:11px}.list-row small,.news-row small{display:block;color:#7e93a4;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row time{margin-left:auto;color:#9eb0bf;font-size:9px;white-space:nowrap}.number{border-radius:3px}.event-tag{border-radius:3px;background:#3b2105;border-color:#754306;color:#ff9d2b;font-size:9px}.view{display:flex;align-items:center;justify-content:space-between;color:#45b9ff;font-size:10px;font-weight:800;margin-top:14px}.feature-row{max-width:1270px;margin:12px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature{min-height:90px;border:1px solid #163d54;background:#04111b;border-radius:5px;padding:14px;display:flex;align-items:center;gap:12px}.feature:hover{border-color:#087eb9}.feature-icon{width:46px;height:46px;border-radius:5px;background:#061c2c;color:#20a9ff;display:grid;place-items:center;flex:none}.feature-icon svg{width:22px}.feature h3{font-size:11px;margin:0 0 5px}.feature p{font-size:10px;color:#8397a8;margin:0;line-height:1.4}.feature>svg:last-child{margin-left:auto;color:#4c6576}.socials{display:flex;gap:5px}.socials svg{width:14px}.trophy{font-size:22px}.lower{max-width:1220px;margin:30px auto 130px;padding:30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.lower h2{margin:0 0 5px;font-size:24px}.lower p{margin:0;color:#8094a6;font-size:13px}footer{background:#01060b;border-top:1px solid rgba(255,255,255,.08);padding:28px 5%;display:flex;align-items:center;justify-content:space-between;color:#708697;font-size:11px}footer>div:first-child{display:flex;align-items:center;gap:10px;color:#fff}footer img{width:80px}footer small{display:block;color:#728797;margin-top:4px}.footer-links{color:#8ca0b1}.player{position:fixed;z-index:30;bottom:0;left:0;right:0;height:82px;background:#01070cfa;border-top:1px solid #16364a;display:grid;grid-template-columns:1.3fr 1.6fr .7fr .8fr;align-items:center;padding:0 28px;gap:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-station{display:flex;align-items:center;gap:10px}.player-station img{width:55px;height:55px;object-fit:cover;border-radius:4px}.player-station b{display:block;font-size:12px}.player-station small{display:block;color:#7c8f9f;font-size:9px;margin-top:4px}.player-controls{display:flex;align-items:center;justify-content:center;gap:18px;color:#a6b5c0}.player-controls button{background:none;border:0;color:inherit;cursor:pointer}.big-play{width:52px;height:52px;border:2px solid var(--orange)!important;border-radius:50%;display:grid;place-items:center;color:#fff!important}.volume{max-width:100px}.listener{display:flex;align-items:center;gap:9px}.listener b{color:var(--orange);font-size:10px}.listener small{color:#6e8291;font-size:8px}.mini-wave{color:#0af;letter-spacing:0}.pop{justify-self:end;border:1px solid #324b5d;background:#06111a;color:#c4d0d8;border-radius:4px;padding:9px 12px;font-size:9px;font-weight:800}.mobile-menu{cursor:pointer}@media (max-width:1050px){.nav{gap:14px}.brand-wrap{width:210px}.logo{width:175px}.dashboard-grid,.feature-row{grid-template-columns:1fr 1fr}.hero{padding:45px 5%}.now-card{width:440px}.player{grid-template-columns:1fr 1.3fr .5fr}.pop{display:none}}@media (max-width:760px){.top-left span:not(.live-dot),.top-right span{display:none}.topbar{justify-content:flex-end}.header{height:76px;padding:0 18px}.brand-wrap{width:auto}.logo{width:145px}.mobile-menu{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#01060b;flex-direction:column;height:auto;padding:15px 20px;border-bottom:1px solid #1b3343}.nav.open{display:flex}.nav a{height:42px}.nav .staff{height:42px;justify-content:center}.hero{min-height:780px;display:block;padding:55px 22px}.hero-watermark img{width:90vw}.hero h1{font-size:48px}.now-card{width:100%;margin:45px 0 0}.dashboard-grid,.feature-row{grid-template-columns:1fr;padding:0 14px}.panel{min-height:0}.player{height:70px;padding:0 12px;grid-template-columns:1fr auto}.player-station img{width:45px;height:45px}.player-controls{gap:9px}.player-controls button:nth-child(1),.player-controls button:nth-child(2),.player-controls button:nth-child(4),.player-controls svg,.player-controls .volume,.listener{display:none}.lower{margin-bottom:100px;padding:25px 18px;display:block}.lower .secondary{margin-top:15px}footer{display:block;padding-bottom:95px}footer>span,.footer-links{display:none}}