:root {
  color-scheme: dark;
  --bg: #050604;
  --surface: #10130c;
  --surface-2: #171b11;
  --line: #334124;
  --text: #f3f0e8;
  --muted: #aeb2a7;
  --cyan: #8ba866;
  --pink: #63864c;
  --lime: #afd083;
  --danger: #ff5a6c;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font-body, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif);
  background: radial-gradient(circle at 18% 0, rgba(99, 134, 76, .18), transparent 30%), var(--bg);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
main { min-height: 72vh; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, .brand { font-family: var(--font-heading, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif); }
h1 { font-size: clamp(3rem, 7vw, 7.5rem); line-height: .9; margin-bottom: 24px; }
.page-title h1, .auth-box h1, .detail-main h1 { font-size: 2.4rem; line-height: 1.05; margin-bottom: 12px; }
h2 { font-size: clamp(1.7rem, 3vw, 2.7rem); }