:root {
  --bg: #0b0b0c; --panel: #151517; --line: #2a2a2e; --fg: #eeeeee; --dim: #9a9aa2;
  --accent: #ffb067; --accent2: #ff8a3d; --ok: #6fd08c; --bad: #ff6b6b; --warn: #f0c35a;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: var(--accent); }
.dim { color: var(--dim); }

.landing { min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 24px 16px; }
.brand {
  font-size: clamp(44px, 12vw, 88px); margin: 0 0 8px; letter-spacing: .01em; font-weight: 700;
  background: linear-gradient(100deg, #ffcf9a 0%, var(--accent) 40%, var(--accent2) 70%, #ffd9b0 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}