:root { color-scheme: dark; --bg:#07080d; --panel:#11151f; --text:#f5f7fb; --muted:#aab1c0; --cyan:#25d8ff; --gold:#e8b84a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 50% 0,rgba(18,127,190,.2),transparent 38rem),var(--bg); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; }
header { width:min(1160px,calc(100% - 36px)); margin:auto; min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand img { width:115px; height:115px; object-fit:contain; display:block; }
.text-brand { color:var(--cyan); font-weight:900; letter-spacing:.18em; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:24px; }
nav a { color:#cbd0db; text-decoration:none; font-size:14px; font-weight:700; }
nav a:hover { color:var(--cyan); }
main { overflow:hidden; }
.hero { width:min(1160px,calc(100% - 36px)); margin:auto; padding:65px 0 95px; text-align:center; }
.eyebrow,.section-label { color:var(--cyan); font-size:11px; font-weight:800; letter-spacing:.2em; }
.eyebrow span,.on-air span { display:inline-block; width:8px; height:8px; border-radius:50%; background:#52e1a6; margin-right:7px; }
h1 { margin:22px 0; font-size:clamp(48px,9vw,104px); line-height:.95; letter-spacing:-.045em; }
h1 strong { color:var(--cyan); }
.lead { max-width:700px; margin:0 auto; color:var(--muted); font-size:clamp(18px,2.4vw,24px); line-height:1.6; }
.player-card { max-width:620px; margin:48px auto 0; padding:34px; background:linear-gradient(145deg,rgba(22,27,40,.98),rgba(10,13,20,.98)); border:1px solid #293044; border-radius:28px; box-shadow:0 30px 80px rgba(0,0,0,.4); }
.on-air { color:#52e1a6; font-size:11px; font-weight:800; letter-spacing:.16em; }
.player-card h2 { margin:18px 0 7px; font-size:32px; }
.player-card p { color:var(--muted); }
audio { width:100%; margin:22px 0 14px; }
.stream-link { color:var(--cyan); font-size:13px; }
.about,.contact,.policy { width:min(980px,calc(100% - 36px)); margin:auto; padding:90px 0; }
.about>h2,.contact>h2 { max-width:800px; margin:14px auto; text-align:center; font-size:clamp(34px,6vw,64px); line-height:1.05; }
.about>.section-label,.contact>.section-label { text-align:center; }
.about>p:not(.section-label) { max-width:760px; margin:24px auto; color:var(--muted); text-align:center; font-size:18px; line-height:1.7; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:45px; }
.feature-grid article { padding:28px; background:var(--panel); border:1px solid #242b3b; border-radius:22px; }
.feature-grid span { color:var(--gold); font-size:12px; font-weight:800; }
.feature-grid h3 { font-size:20px; }
.feature-grid p,.policy p { color:var(--muted); line-height:1.7; }
.contact { text-align:center; }
.email { display:inline-block; margin-top:24px; color:var(--cyan); font-size:clamp(20px,4vw,34px); font-weight:800; }
.policy { max-width:780px; }
.policy h1 { font-size:clamp(42px,8vw,72px); }
.policy section { margin-top:34px; }
.policy h2 { font-size:20px; }
.policy .intro { color:#dde1e9; font-size:19px; }
.muted { color:var(--muted); }
footer { width:min(1160px,calc(100% - 36px)); margin:auto; padding:34px 0 48px; border-top:1px solid #202634; display:flex; justify-content:space-between; gap:20px; color:#737c90; font-size:12px; }
footer a { color:var(--cyan); }
@media (max-width:700px) { header { flex-direction:column; padding:18px 0 28px; } nav { justify-content:center; } .hero { padding-top:38px; } .feature-grid { grid-template-columns:1fr; } .player-card { padding:24px 18px; } footer { flex-direction:column; text-align:center; } }