:root {
  --page-bg: #f7faf8;
  --page-ink: #1c1c1c;
  --page-soft: #5f5d58;
  --page-line: rgba(28, 28, 28, .14);
  --page-card: rgba(255, 255, 255, .72);
}

.signup-page,
.legal-page {
  --bg: var(--page-bg);
  --ink: var(--page-ink);
  --ink-soft: var(--page-soft);
  --line: var(--page-line);
  --card: var(--page-card);
  background: var(--page-bg);
  color: var(--page-ink);
  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
}

.page-header {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  padding: 24px clamp(22px, 4vw, 56px);
}
.page-header a,
.legal-page header.top a {
  color: var(--page-ink);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.025em;
  text-decoration: none;
}

.signup-page {
  padding: 112px 24px 96px;
}
.signup-page main {
  width: 100%;
  max-width: 520px;
}
.signup-page h1 {
  margin: 0 0 16px;
  font-size: clamp(38px, 6vw, 58px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.signup-page .intro {
  margin-bottom: 36px;
  color: var(--page-soft);
  font-size: 17px;
  line-height: 1.55;
}
.signup-page form { gap: 22px; }
.signup-page label { margin-bottom: 9px; font-weight: 500; }
.signup-page input {
  min-height: 54px;
  border-color: var(--page-line);
  border-radius: 10px;
  background: rgba(255,255,255,.62);
}
.signup-page button {
  min-height: 50px;
  font-weight: 500;
}
.page-footer {
  position: fixed;
  left: clamp(22px, 4vw, 56px);
  bottom: 24px;
  display: flex;
  gap: 14px;
  color: var(--page-soft);
  font-size: 12px;
}
.page-footer a { color: inherit; text-decoration: none; }

.legal-page .wrap {
  max-width: 960px;
  padding: 0 clamp(22px, 6vw, 72px);
}
.legal-page header.top {
  padding: 24px 0 72px;
  font-family: inherit;
  font-weight: 600;
}
.legal-page main {
  max-width: 720px;
  padding: 0 0 72px;
}
.legal-page h1 {
  margin-bottom: 12px;
  font-family: inherit;
  font-size: clamp(42px, 7vw, 68px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.legal-page .updated { margin-bottom: 48px; }
.legal-page section { margin-bottom: 36px; }
.legal-page h2 {
  margin-bottom: 12px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.015em;
}
.legal-page h3 { font-family: inherit; font-weight: 600; }
.legal-page p,
.legal-page li { font-size: 15px; line-height: 1.7; }
.legal-page footer {
  padding: 24px 0 40px;
  font-size: 12px;
}

@media (max-width: 600px) {
  .signup-page { align-items: start; padding-top: 132px; }
  .signup-page h1 { font-size: 42px; }
  .page-footer { bottom: 20px; }
  .legal-page header.top { padding-bottom: 52px; }
}