:root{color-scheme:light;--blue:#23528d;--yellow:#f4d33e;--ink:#323232}*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}.site-shell{min-height:100svh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:36px 20px 48px}.logo{display:block;width:min(360px,78vw);height:auto;object-fit:contain}.listen{text-align:center}.listen h1{font-size:clamp(24px,3vw,34px);font-weight:600;margin:0 0 18px}.live-link{display:inline-flex;gap:12px;justify-content:center;align-items:center;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:18px;border-radius:6px;padding:14px 32px;transition:background .2s,transform .2s}.live-link:hover,.live-link:focus-visible{background:#163e6d;transform:translateY(-1px)}.live-link:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.live-dot{width:10px;height:10px;border-radius:50%;background:#ff4040;box-shadow:0 0 0 4px rgba(255,255,255,.15)}footer{padding:18px 20px;font-size:12px;text-align:center;line-height:1.7;color:#666}footer a{color:inherit;text-decoration:none;font-weight:700}footer a:hover{text-decoration:underline}@media(max-width:520px){.main-content{padding:28px 14px 36px}.logo{width:min(340px,88vw)}footer{font-size:11px}}
