:root{
  --bg:#07090d; --panel:#0d1118; --panel2:#111722; --line:#202938;
  --text:#edf2f7; --muted:#8995a5; --accent:#8df0c1; --accent2:#73a7ff;
  --glow:0 0 40px rgba(141,240,193,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0%,#172231 0,#07090d 38%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;background:rgba(7,9,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-inner{max-width:1180px;margin:auto;height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.04em}
.logo-mark{width:34px;height:34px;border:1px solid var(--accent);border-radius:10px;display:grid;place-items:center;color:var(--accent);box-shadow:var(--glow)}
.links{display:flex;gap:7px}
.links a{padding:9px 13px;border-radius:9px;color:var(--muted);font-size:14px}
.links a:hover,.links a.active{background:#121925;color:#fff}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
.hero{min-height:590px;display:grid;align-items:center;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-150px;top:20px;border-radius:50%;background:radial-gradient(circle,rgba(115,167,255,.20),transparent 65%);filter:blur(12px)}
.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.18em}
h1{font-size:clamp(42px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px;max-width:850px}
h2{font-size:34px;letter-spacing:-.035em;margin:0 0 12px}
h3{margin:0 0 8px}
.lead{font-size:18px;color:#aeb8c5;max-width:650px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{padding:12px 17px;border-radius:10px;border:1px solid var(--line);background:#101621;font-weight:700;font-size:14px}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#07100b}
.btn:hover{transform:translateY(-1px)}
.section{padding:80px 0}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:linear-gradient(145deg,rgba(17,23,34,.95),rgba(9,12,18,.95));border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:var(--glow)}
.card p{color:var(--muted);margin:8px 0 0}
.icon{font-size:25px;margin-bottom:18px}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#152019;color:var(--accent);font-size:11px;font-weight:800}
.server{display:flex;justify-content:space-between;gap:15px;align-items:center}
.server + .server{border-top:1px solid var(--line);margin-top:17px;padding-top:17px}
.online{color:var(--accent);font-size:12px;font-weight:800}
.stat{font-size:32px;font-weight:850;letter-spacing:-.04em}
.small{font-size:13px;color:var(--muted)}
.page-head{padding:75px 0 40px;border-bottom:1px solid rgba(255,255,255,.06)}
.page-head h1{font-size:58px;margin:10px 0}
.game-cover{height:180px;border-radius:13px;background:linear-gradient(135deg,#152b2a,#172035 50%,#281c30);position:relative;overflow:hidden;margin-bottom:18px}
.game-cover:after{content:"";position:absolute;inset:25% -10% -50% 35%;background:linear-gradient(135deg,transparent,#8df0c1);opacity:.16;transform:rotate(-15deg)}
.game-cover span{position:absolute;left:18px;bottom:16px;font-size:13px;color:#cbd5df;z-index:1}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:14px}
th{color:#8995a5;font-weight:600}
footer{border-top:1px solid rgba(255,255,255,.06);padding:35px 0;color:#697586;font-size:13px}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
.notice{border:1px solid #26384b;background:#0c141d;padding:16px;border-radius:12px;color:#aeb8c5}
@media(max-width:800px){.links{display:none}.grid-3,.grid-2{grid-template-columns:1fr}.hero{min-height:520px}.page-head h1{font-size:44px}.footer-inner{flex-direction:column}.nav-inner{padding:0 16px}.wrap{padding:0 16px}}