:root{
  --ink:#080814; --panel:#151529; --panel2:#201b3c; --white:#fff; --muted:#d9d7ec;
  --pink:#ff2ea6; --cyan:#00e5ff; --yellow:#ffe44d; --orange:#ff8a00; --green:#22f58f;
  --radius:24px; --shadow:0 18px 55px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--white);
  background:
    radial-gradient(circle at 12% 8%,rgba(0,229,255,.32) 0,transparent 32%),
    radial-gradient(circle at 88% 18%,rgba(255,46,166,.28) 0,transparent 30%),
    radial-gradient(circle at 50% 95%,rgba(255,228,77,.16) 0,transparent 34%),
    linear-gradient(135deg,#090910,#251048 50%,#0b1c3e);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1180px,92vw);margin:auto}
.landing{min-height:calc(100vh - 90px);display:grid;place-items:center;padding:38px 0}
.station-picker{width:min(1180px,92vw);text-align:center}
.hub-logo{width:min(760px,92vw);margin:0 auto 26px;filter:drop-shadow(0 18px 36px rgba(0,0,0,.6))}
.panel{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.intro{padding:28px;margin:0 auto 28px;max-width:880px;backdrop-filter:blur(10px)}
.eyebrow{font-weight:800;color:var(--yellow);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}
h1{font-size:clamp(2.4rem,7vw,5.6rem);line-height:.88;margin:0 0 14px;text-transform:uppercase;text-shadow:0 8px 22px rgba(0,0,0,.35)}
.intro p{font-size:clamp(1rem,2vw,1.25rem);color:var(--muted);margin:8px auto;max-width:720px}.intro strong{color:#fff}.intro a{color:var(--yellow);font-weight:900;border-bottom:2px solid rgba(255,228,77,.55)}.intro a:hover{color:var(--cyan);border-color:var(--cyan)}
.stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.station-card{position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px;border-radius:32px;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.station-card:hover{transform:translateY(-7px);box-shadow:0 24px 70px rgba(0,0,0,.48)}.station-card img{position:relative;z-index:2;max-height:210px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.65));margin-bottom:28px}.gold{background:linear-gradient(145deg,#151515,#5b4a12 48%,#10101b)}.hits{background:linear-gradient(145deg,#10101b,#123b5f 48%,#23134d)}.shine{position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.18),transparent 65%);transform:rotate(10deg);transition:translate .5s ease}.station-card:hover .shine{translate:28% 0}.listen-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--orange),var(--yellow));color:#111;font-weight:900;text-transform:uppercase;box-shadow:0 12px 30px rgba(255,46,166,.35)}
footer{background:rgba(5,5,9,.88);border-top:3px solid rgba(255,255,255,.08);padding:24px 0}.footer-inner{display:flex;justify-content:center;text-align:center;color:var(--muted);font-weight:700}
@media(max-width:780px){.landing{padding:24px 0}.stations{grid-template-columns:1fr}.station-card{min-height:280px}.station-card img{max-height:160px}.intro{padding:22px}.hub-logo{margin-bottom:18px}}