:root{color-scheme:dark;--bg:#0c1428;--panel:#182641;--text:#f7f9fe;--muted:#b4c0d2;--a:#57f0b6;--border:rgba(255,255,255,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.background{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 50% at 85% 15%,rgba(18,123,153,.20),transparent 75%),radial-gradient(ellipse 35% 35% at 12% 85%,rgba(19,173,139,.13),transparent 80%);z-index:-1}.wrap{max-width:1120px;margin:auto;padding-left:24px;padding-right:24px}.header{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:25px;border-bottom:1px solid var(--border)}.header nav{display:flex;gap:24px;color:var(--muted);font-size:14px}.header nav a:hover{color:var(--text)}.logo{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:850;letter-spacing:.04em}.logo strong{color:var(--a)}.logo-mark{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;background:var(--a);color:#082530;font-size:28px;font-weight:900}.logo-dot{font-size:8px;align-self:flex-end;padding-bottom:6px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:70px;align-items:center;padding-top:84px;padding-bottom:100px}.eyebrow{display:block;font-size:12px;letter-spacing:.24em;color:var(--a);font-weight:800}.intro h1{font-size:clamp(42px,5vw,71px);line-height:1.08;letter-spacing:-.055em;margin:24px 0}.intro h1 em{font-style:normal;color:var(--a)}.intro p{max-width:510px;font-size:19px;color:var(--muted)}.player{padding:30px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(150deg,#223757,#14213c 70%);box-shadow:0 28px 85px #0005;text-align:center}.player-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;font-weight:750;letter-spacing:.1em}.live{display:flex;align-items:center;gap:9px;color:#e4ebf8}.indicator{width:9px;height:9px;border-radius:100%;background:#8893a6}.indicator.on{background:var(--a);box-shadow:0 0 16px var(--a)}.tag{color:#b0bed5}.disk{width:190px;height:190px;border:1px solid #ffffff24;border-radius:50%;margin:35px auto 24px;background:repeating-radial-gradient(circle at center,#152641 0px,#152641 5px,#24446a 6px,#172c4e 8px);display:grid;place-items:center;box-shadow:0 12px 60px #0007}.disk-center{width:99px;height:99px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--a);color:#092a31;font-size:53px;font-weight:950;letter-spacing:-.11em}.disk-center span{font-size:17px;align-self:center;letter-spacing:-.08em;padding-top:22px}.player h2{font-size:27px;margin:0}.player p{margin:6px 0 20px;color:var(--muted);font-size:14px;min-height:22px}.play{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--a);color:#08232c;font-size:15px;font-weight:850;min-height:52px;padding:0 28px;border:0;border-radius:12px;cursor:pointer;width:100%}.play:hover:not(:disabled){background:#7af5c8}.play:disabled{background:#5d7380;cursor:not-allowed}.player .small{font-size:12px;margin:16px 0 0}.below{padding-top:34px;padding-bottom:75px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:40px}.below h2{margin:12px 0;font-size:30px}.below p{color:var(--muted);max-width:580px}.listeners{border:1px solid var(--border);border-radius:18px;padding:24px 38px;min-width:220px;display:flex;flex-direction:column}.listeners span{color:var(--muted)}.listeners strong{font-size:49px;line-height:1.3}.listeners small{font-size:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:25px;padding-bottom:35px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:34px;padding-top:60px;padding-bottom:68px}.intro p{font-size:16px}.player{max-width:500px;width:100%;margin:auto}.below{align-items:flex-start;flex-direction:column;gap:15px}.listeners{width:100%}}@media(max-width:470px){.header nav{gap:12px;font-size:12px}.logo{font-size:15px}.logo-mark{width:39px;height:39px}.wrap{padding-left:18px;padding-right:18px}.hero{padding-top:42px}.player{padding:22px}.disk{height:165px;width:165px}}
