:root {
  --color-bg: #0B0F1A;
  --color-surface: #131929;
  --color-border: #2E3650;
  --color-primary: #6366F1;
  --color-text: #E2E8F0;
  --color-text-muted: #8892A4;
  --font-body: 'Inter', system-ui, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: var(--font-body);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.7;
  font-size: 16px;
}
a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 760px; margin: 0 auto; padding: 64px 24px 96px; }
.back-link { display: inline-block; margin-bottom: 40px; color: var(--color-text-muted); font-size: 14px; }
.back-link:hover { color: var(--color-text); }
h1 { font-size: 32px; font-weight: 700; margin-bottom: 40px; }
h2 { font-size: 20px; font-weight: 600; margin: 36px 0 12px; }
p { color: var(--color-text-muted); margin-bottom: 12px; }
p strong { color: var(--color-text); }
.placeholder {
  background: rgba(245, 158, 11, 0.12);
  border: 1px dashed #F59E0B;
  border-radius: 6px;
  padding: 2px 8px;
  color: #F59E0B;
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
}
footer { border-top: 1px solid var(--color-border); margin-top: 64px; padding-top: 24px; font-size: 13px; color: var(--color-text-muted); }
footer a { margin-right: 16px; }