:root{--bg:#0c0f14;--panel:#141922;--panel2:#1a2130;--ink:#eef2f7;--muted:#97a3b6;--line:#232b3a;--brand:#16c172;--brand2:#0ea5e9;--live:#ef4444;--max:1180px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif}
a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:10;background:rgba(12,15,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;font-size:19px;letter-spacing:-.01em}
.logo b{color:var(--brand)}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:15px}
.nav ul a{text-decoration:none;color:var(--muted)}.nav ul a:hover,.nav ul a.on{color:var(--ink)}
.lang{display:flex;gap:4px;font-size:13px;font-weight:700}
.lang a{text-decoration:none;padding:5px 9px;border-radius:6px;color:var(--muted);border:1px solid var(--line)}
.lang a.on{color:#06110b;background:var(--brand);border-color:var(--brand)}
.btn{display:inline-block;padding:11px 18px;border-radius:9px;background:var(--brand);color:#06110b;text-decoration:none;font-weight:700;font-size:15px;border:0}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.hero{padding:56px 0 40px;background:radial-gradient(900px 380px at 15% -10%,rgba(22,193,114,.18),transparent),radial-gradient(700px 300px at 95% 0,rgba(14,165,233,.14),transparent)}
.hgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:stretch}
h1{font-size:42px;line-height:1.12;letter-spacing:-.02em;margin:14px 0}
h2{font-size:26px;letter-spacing:-.015em;margin:0 0 16px}
h3{font-size:17px;margin:0 0 6px}
.lead{color:var(--muted);font-size:18px;max-width:620px}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(239,68,68,.18)}
.player{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.screen{aspect-ratio:16/9;background:linear-gradient(135deg,#0f3b2a,#0b2235 60%,#121826);position:relative;display:grid;place-items:center}
.screen svg{width:68px;height:68px;opacity:.9}
.screen .badge{position:absolute;left:12px;top:12px;background:var(--live);color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:5px;letter-spacing:.04em}
.screen .score{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.55);font-size:13px;font-weight:700;padding:4px 10px;border-radius:6px}
.pmeta{padding:14px 16px;font-size:14px;color:var(--muted)}.pmeta strong{color:var(--ink);display:block;font-size:15px}
section{padding:46px 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
.card p{color:var(--muted);margin:0;font-size:14px}
.thumb{aspect-ratio:16/9;border-radius:9px;margin-bottom:12px;background:linear-gradient(135deg,#1f3a5a,#13202f)}
.t2{background:linear-gradient(135deg,#3b2a12,#1d1810)}.t3{background:linear-gradient(135deg,#123b2c,#0f1d18)}.t4{background:linear-gradient(135deg,#3a1630,#1a1019)}
.meta{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
table.s{width:100%;border-collapse:collapse;font-size:15px}
table.s td,table.s th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}
table.s th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.lv{color:var(--live);font-weight:800}.sch{color:var(--brand2);font-weight:700}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tabs span{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}
.tabs span.on{color:#06110b;background:var(--brand);border-color:var(--brand)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
ul.ck{list-style:none;padding:0;margin:14px 0 0}ul.ck li{padding-left:26px;position:relative;margin:9px 0;color:var(--muted)}
ul.ck li:before{content:"";position:absolute;left:2px;top:8px;width:12px;height:7px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.prose{max-width:780px}.prose p,.prose li{color:#c9d2df}.prose h2{margin-top:34px;font-size:21px}
form.f{display:grid;gap:12px;max-width:520px}form.f label{font-size:14px;font-weight:600}
form.f input,form.f textarea,form.f select{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:inherit}
footer{border-top:1px solid var(--line);padding:40px 0 26px;color:var(--muted);font-size:14px;margin-top:20px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}footer h4{color:var(--ink);margin:0 0 10px;font-size:14px}
footer a{display:block;text-decoration:none;margin:6px 0}
.bt{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.age{display:inline-block;border:1px solid var(--line);border-radius:5px;padding:0 6px;font-weight:700;font-size:12px}
@media(max-width:920px){.hgrid,.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.nav ul{display:none}h1{font-size:32px}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}