:root {
  --bg: #1d2152;
  --card: #262b66;
  --text: #f7f2e0;
  --muted: #c9c6ea;
  --gold: #f5c84c;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 48px; }
a { color: var(--gold); }
h1 { letter-spacing: 0.08em; margin: 8px 0; }
h2 { border-bottom: 1px solid #3a4090; padding-bottom: 6px; margin-top: 40px; }
.hero { text-align: center; }
.hero p { color: var(--muted); }
.logo { width: 180px; height: 180px; border-radius: 32px; }
.game {
  display: flex; gap: 18px; align-items: center;
  background: var(--card); border-radius: 20px; padding: 16px;
}
.game + .game { margin-top: 16px; }
.game img { width: 96px; height: 96px; border-radius: 22px; flex-shrink: 0; }
.game h3 { margin: 0; }
.game p { margin: 4px 0; color: var(--muted); }
.store {
  display: inline-block; margin: 6px 0 2px; padding: 8px 16px; border-radius: 12px;
  background: var(--gold); color: var(--bg); font-weight: 700; text-decoration: none;
}
.store:hover { filter: brightness(1.08); }
.policy p, .policy li { color: var(--muted); }
.policy strong { color: var(--text); }
footer { margin-top: 48px; text-align: center; color: var(--muted); font-size: 15px; }