:root {
  --bg: #0f1720;
  --surface: #17212b;
  --surface-alt: #22303d;
  --text: #f4f6f8;
  --muted: #b9c3cc;
  --accent: #d7a84b;
  --border: rgba(255,255,255,.12);
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
h1,h2,h3,h4 { margin: 0 0 12px; line-height: 1.15; }
p,ul { margin: 0 0 16px; }