:root { --bg:#0b0d12; --ink:#eef2fb; --muted:#9aa6bd; --accent:#22d3ee; --violet:#8b5cf6; --line:rgba(255,255,255,.04); }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased;
  background-image:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 56px); }
.wrap { max-width:720px; margin:0 auto; padding:56px 24px 88px; }
a { color:var(--accent); }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; font-weight:700; letter-spacing:.04em; font-size:1.1rem; margin-bottom:40px; }
.brand img { width:40px; height:40px; border-radius:10px; }
h1 { font-size:2.4rem; line-height:1.15; margin-bottom:12px; }
h2 { font-size:1.2rem; color:var(--accent); margin:32px 0 8px; }
p, li { color:#cfd6e6; margin-bottom:12px; }
ul { padding-left:22px; }
.lead { font-size:1.15rem; color:var(--ink); }
.muted { color:var(--muted); font-size:.92rem; }
.games { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:20px 0 8px; }
.games li { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:14px 16px; margin:0; }
.games strong { display:block; color:var(--ink); }
footer { margin-top:56px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }