:root {
  --bg: #080806;
  --panel: #12100d;
  --paper: #ece9e4;
  --soft: #cfcac2;
  --dim: #8d8578;
  --brass: #d6b68a;
  --brass-hi: #f0d8aa;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--paper);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  background:
    radial-gradient(circle at 50% -10%, rgba(214,182,138,.12), transparent 34rem),
    linear-gradient(to bottom, #0d0c0a, var(--bg));
}

a { color: var(--brass-hi); }

.legal-page {
  width: min(760px, calc(100% - 36px));
  margin: 0 auto;
  padding: 42px 0 70px;
}

.legal-back {
  display: inline-block;
  margin-bottom: 38px;
  color: var(--brass-hi);
  text-decoration: none;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.legal-card {
  padding: clamp(26px, 6vw, 48px);
  border: 1px solid rgba(214,182,138,.28);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(25,21,15,.82), rgba(12,12,11,.95));
  box-shadow: 0 24px 70px rgba(0,0,0,.36);
}

.legal-kicker {
  color: var(--brass);
  font-size: .7rem;
  letter-spacing: .2em;
  text-transform: uppercase;
}

h1 {
  margin: 14px 0 8px;
  font-size: clamp(2rem, 8vw, 3.4rem);
  font-weight: 600;
  letter-spacing: -.03em;
}

.legal-updated { margin: 0 0 34px; color: var(--dim); font-size: .85rem; }
h2 { margin: 32px 0 10px; color: var(--brass-hi); font-size: 1.05rem; }
p, li { color: var(--soft); line-height: 1.72; }
ul { padding-left: 1.25rem; }
.legal-note { padding: 15px 17px; border-left: 2px solid var(--brass); background: rgba(214,182,138,.06); }

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(236,233,228,.09);
  font-size: .78rem;
}