:root {
  --bg: #0a0f0c;
  --panel: #111816;
  --text: #e2fbe2;
  --muted: #8fd48f;
  --brand: #00ff95;
  --brand-strong: #00e676;
  --border: #1a2a24;
  --maxw: 1100px;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}
body.is-loading { overflow: hidden; }
a { color: var(--brand); text-decoration: none; }
a:hover { color: var(--brand-strong); }
img { max-width: 100%; display: block; }

h1, h2, h3 { line-height: 1.2; margin: 0 0 12px; }
h2 { font-size: 32px; margin-bottom: 20px; }
p { margin: 0 0 16px; color: var(--text); }
.muted { color: var(--muted); }