/* ─── Body & Background ─────────────────────────────── */
body {
  font-family: var(--font-sans);
  background: var(--green-deep);
  color: var(--cream);
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 15% 15%, #2e7d42 0%, transparent 50%),
    radial-gradient(ellipse 70% 50% at 85% 85%, #246335 0%, transparent 50%),
    radial-gradient(ellipse 100% 100% at 50% 50%, #1a4a28 0%, #0d2a18 100%);
  z-index: 0;
}

/* Subtle diagonal gold shimmer lines */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    repeating-linear-gradient(
      135deg,
      transparent 0px,
      transparent 60px,
      rgba(200, 168, 75, 0.04) 60px,
      rgba(200, 168, 75, 0.04) 61px
    );
  z-index: 0;
  pointer-events: none;
}

/* ─── Page Wrapper ──────────────────────────────────── */
.wrapper {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 0 40px;
}

/* ─── Header ────────────────────────────────────────── */
header {
  padding: 56px 0 0;
  display: flex;
  justify-content: center;
  animation: fadeDown 1s ease both;
}

/* ─── Main ──────────────────────────────────────────── */

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;  /* ← change from center to flex-start */
  text-align: center;
  padding: 52px 0 40px;
}