@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#0A4D9D;--blue2:#0877a8;--navy:#070b1e;--gold:#d8b66a;--white:#fff;--muted:#b9c7d9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:#fff;background:#070b1e}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:#fff;color:#101827}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:Montserrat,sans-serif;font-weight:900;font-size:25px}.brand strong,.brand small{display:block}.brand strong{font:900 20px Montserrat,sans-serif;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:1.5px;color:#697386;margin-top:3px}.header-tag{font-size:10px;font-weight:700;letter-spacing:2px;color:#637086}.hero{text-align:center;padding:76px 20px 45px;background:radial-gradient(ellipse at 50% 0,#173c72 0,transparent 70%),#070b1e}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700}.hero h1{font:900 clamp(35px,6vw,66px) Montserrat,sans-serif;margin:16px 0}.hero-copy{max-width:650px;margin:auto;color:#bdc9d9;line-height:1.7;font-size:16px}.channels{max-width:1160px;margin:0 auto;padding:10px 24px 75px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.channel-card{min-height:325px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(140deg,#0d3261,#0b172e 80%);transition:transform .25s,border-color .25s}.channel-card:hover{transform:translateY(-5px);border-color:rgba(216,182,106,.7)}.radio-logo{display:grid;place-items:center;background:linear-gradient(145deg,#0b67b7,#06316a);min-height:100%}.mic{width:118px;height:118px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:60px;box-shadow:0 0 0 10px #ffffff16}.tv-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#060a32;min-height:100%;color:#fff}.tv-symbol{font:900 32px Montserrat,sans-serif;letter-spacing:-2px}.tv-symbol span{font-size:16px;border:2px solid white;border-radius:50%;padding:4px;margin-left:3px;letter-spacing:0}.tv-play{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff70;border-radius:50%;padding-left:4px}.channel-info{padding:30px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.live-label{display:flex;align-items:center;gap:8px;color:#86c8ff;font-size:10px;font-weight:800;letter-spacing:1.3px}.live-label i,.tv-status i{width:7px;height:7px;border-radius:50%;background:#ff4c66;display:inline-block;box-shadow:0 0 10px #ff4c66}.channel-info h2{font:800 clamp(22px,2.5vw,32px) Montserrat,sans-serif;line-height:1.15;margin:17px 0 10px}.channel-info p{color:#b7c5d9;font-size:13px;line-height:1.6;margin:0 0 24px}.card-action{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--gold)}.card-action b{font-size:16px;margin-left:7px}.welcome{text-align:center;padding:60px 20px 80px;background:#fff;color:#111827}.gold-line{display:block;width:48px;height:3px;background:var(--gold);margin:0 auto 24px}.welcome>p:first-of-type{font-size:10px;letter-spacing:3px;font-weight:800;color:var(--blue)}.welcome h2{font:800 clamp(25px,4vw,40px) Montserrat,sans-serif;max-width:720px;margin:18px auto}.welcome-copy{color:#647084;line-height:1.7}.site-footer{padding:36px 20px 24px;text-align:center;background:#0b1021;border-top:1px solid #ffffff12}.footer-brand strong{display:block;font:900 24px Montserrat,sans-serif;letter-spacing:2px}.footer-brand span{display:block;color:#a6b3c7;font-size:12px;margin-top:6px}.social-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px auto}.social-links a{padding:10px 16px;border:1px solid #ffffff25;border-radius:24px;color:#d5deeb;font-size:12px;transition:background .2s}.social-links a:hover{background:#ffffff12}.copyright{color:#718096;font-size:11px;margin:20px 0 0}.mini-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,65px);background:#fff;color:#111827}.back-link{font-size:13px;color:#31516e;font-weight:700}.mini-brand{font:900 18px Montserrat,sans-serif;letter-spacing:1px}.mini-brand span{color:var(--blue)}.player-page{background:radial-gradient(ellipse at top,#18477d,transparent 60%),linear-gradient(145deg,#071a33,#030914);min-height:100vh}.radio-main{min-height:690px;padding:45px 20px 65px;display:grid;place-items:center}.radio-player{width:min(100%,490px);text-align:center;padding:36px 30px;border-radius:25px;background:linear-gradient(145deg,#ffffff1c,#081a34df);border:1px solid #ffffff32;box-shadow:0 24px 70px #0005}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:30px;background:#ff4c6618;color:#ff929e;font-size:10px;font-weight:800;letter-spacing:2px}.live-pill i{width:7px;height:7px;background:#ff4c66;border-radius:50%}.radio-emblem{width:142px;height:142px;margin:25px auto 22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0877b8,#064080);border:7px solid #fff;box-shadow:0 0 0 10px #ffffff18;font-size:62px}.player-kicker{font-size:9px;letter-spacing:2px;color:#b6c8df}.radio-player h1{font:900 clamp(28px,6vw,39px) Montserrat,sans-serif;line-height:1.18;margin:13px 0}.player-subtitle{color:#b6c8df;margin:0}.equalizer{height:38px;display:flex;align-items:center;justify-content:center;gap:4px;margin:24px 0}.equalizer span{height:7px;width:4px;border-radius:5px;background:var(--gold)}.equalizer.playing span{animation:eq .65s ease-in-out infinite alternate}.equalizer span:nth-child(2n){animation-delay:-.3s}.equalizer span:nth-child(3n){animation-delay:-.5s}@keyframes eq{to{height:34px}}.play-button{width:78px;height:78px;border-radius:50%;border:4px solid #fff;background:#fff;color:#083a71;box-shadow:0 0 0 7px #ffffff20;font-size:28px;cursor:pointer}.play-button:hover{transform:scale(1.04)}.player-status{min-height:20px;color:#d0dcec;font-size:12px;margin:23px 0}.volume-control{display:flex;align-items:center;justify-content:center;gap:14px;color:#a9bed6;font-size:10px;letter-spacing:1px}.volume-control input{width:140px;accent-color:var(--gold)}.stream-note{font-size:10px;line-height:1.5;color:#8da3bf;margin-top:26px}.compact-footer{padding-top:28px}.tv-page{background:#070b1e;min-height:100vh}.tv-main{max-width:1100px;margin:0 auto;padding:40px 22px 60px}.tv-screen-wrap{border:1px solid #ffffff25;background:#111a30;box-shadow:0 20px 65px #0005}.tv-screen{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:50px 24px;background:radial-gradient(ellipse at 50% 35%,#173b76 0,transparent 60%),linear-gradient(135deg,#090e28,#03050d)}.tv-screen:before,.tv-screen:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.tv-screen:before{top:-230px;left:-140px}.tv-screen:after{right:-180px;bottom:-270px;width:600px;height:600px}.tv-screen-logo{position:absolute;top:24px;left:28px;font:900 17px Montserrat,sans-serif;letter-spacing:1px;color:#e7c879}.tv-screen-logo span{color:#fff;margin-left:4px}.tv-message{position:relative;z-index:1;max-width:650px}.tv-status{display:inline-flex;align-items:center;gap:9px;color:#b9c8df;font-size:10px;font-weight:800;letter-spacing:2px}.tv-message h1{font:900 clamp(27px,5vw,48px) Montserrat,sans-serif;line-height:1.2;margin:25px 0 18px}.tv-message p{max-width:540px;margin:0 auto;color:#bdc9dc;font-size:15px;line-height:1.8}.tv-message p strong{color:#fff}.facebook-button{display:inline-block;margin-top:28px;padding:14px 21px;border-radius:5px;background:#1769d2;color:#fff;font-size:11px;font-weight:800;letter-spacing:1px}.tv-caption{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;color:#aebbd0;font-size:10px;letter-spacing:1px}.tv-caption span:first-child{font-weight:900;color:#e7c879}.tv-help{text-align:center;color:#8d9bb2;font-size:12px;line-height:1.7;max-width:700px;margin:25px auto 0}
@media(max-width:780px){.header-tag{display:none}.channels{grid-template-columns:1fr;max-width:580px;padding-bottom:45px}.channel-card{min-height:270px}.hero{padding-top:55px}.tv-screen{min-height:460px}}@media(max-width:480px){.site-header{height:70px}.brand-mark{width:40px;height:40px}.brand strong{font-size:17px}.channel-card{grid-template-columns: .8fr 1.2fr;min-height:260px}.radio-logo,.tv-art{min-height:260px}.mic{width:78px;height:78px;font-size:43px}.channel-info{padding:20px 15px}.channel-info h2{font-size:22px}.channel-info p{font-size:12px}.card-action{font-size:9px}.radio-player{padding:30px 19px}.tv-screen{min-height:500px}.tv-caption{font-size:8px}.social-links{gap:8px}.social-links a{padding:9px 12px}}