*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

  :root {
    --bg-deep: #0c1220;
    --bg-surface: #111827;
    --bg-card: #1a2236;
    --bg-card-hover: #1f2942;
    --text-hero: #f8f9fb;
    --text-primary: #e2e5eb;
    --text-secondary: #8b95a8;
    --text-muted: #505b6e;
    --accent: #8db902;
    --accent-hover: #7da502;
    --accent-subtle: rgba(141, 185, 2, 0.08);
    --accent-glow: rgba(141, 185, 2, 0.12);
    --border: rgba(255, 255, 255, 0.06);
    --border-hover: rgba(255, 255, 255, 0.12);
    --font-editorial: 'Cormorant Garamond', 'Georgia', serif;
    --font-body: 'Outfit', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;
  }

  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body {
    font-family: var(--font-body);
    background: var(--bg-deep);
    color: var(--text-primary);
    min-height: 100vh;
    overflow-x: hidden;
    line-height: 1.6;
  }