:root {
    --bg: #EBF0F3;
    --surface: #FFFFFF;
    --text: #213863;
    --muted: #5E6F7A;
    --primary: #213863;
    --primary-700: #152743;
    --secondary: #BDC8CE;
    --accent: #DEBC9C;
    --donate: #A66120;
    --donate-700: #7B471C;
    --border: rgba(33, 56, 99, 0.12);
    --glass: rgba(235, 240, 243, 0.76);
    --glass-stroke: rgba(255, 255, 255, 0.7);
    --shadow-sm: 0 2px 8px rgba(33, 56, 99, 0.08);
    --shadow-md: 0 14px 36px -10px rgba(33, 56, 99, 0.2), 0 4px 14px rgba(33, 56, 99, 0.08);
    --shadow-lg: 0 30px 70px -20px rgba(33, 56, 99, 0.32), 0 10px 30px rgba(33, 56, 99, 0.1);
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 28px;
    --maxw: 1200px;
    --grad-hero: radial-gradient(1100px 600px at 88% -10%, rgba(222, 188, 156, 0.38), transparent 60%),
                 radial-gradient(900px 500px at -10% 20%, rgba(189, 200, 206, 0.48), transparent 55%),
                 radial-gradient(700px 500px at 50% 110%, rgba(33, 56, 99, 0.16), transparent 60%);
    --grad-brand: linear-gradient(135deg, #213863 0%, #BDC8CE 100%);
    --grad-donate: linear-gradient(135deg, #A66120 0%, #DEBC9C 100%);
  }

  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    margin: 0;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
  }

  h1, h2, h3, h4 {
    font-family: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    color: var(--text);
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin: 0 0 0.5em;
  }
  h1 { font-size: clamp(2.3rem, 5.2vw, 4rem); font-weight: 700; }
  h2 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); font-weight: 700; }
  h3 { font-size: 1.25rem; font-weight: 600; }
  p  { margin: 0 0 1em; color: var(--muted); }
  a  { color: var(--primary); text-decoration: none; }
  a:hover { color: var(--primary-700); }

  .container {
    width: min(var(--maxw), 92%);
    margin: 0 auto;
  }