/* ─── Login ───────────────────────────────────────────────────── */
.login-form { padding-top: var(--sp-8); }
.login-form h1 { margin-bottom: var(--sp-6); }

.login-form form > div {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
  margin-bottom: var(--sp-4);
}

.login-form label {
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--text-muted);
  letter-spacing: 0.04em;
}

.login-form__checkbox {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--sp-2);
  margin-bottom: var(--sp-4);
}

.login-form__checkbox input[type="checkbox"] {
  flex-shrink: 0;
  margin-top: 3px;
}

.login-form__checkbox label {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--text-mid);
  letter-spacing: 0;
  cursor: pointer;
}

.login-form input[type="submit"] {
  margin-top: var(--sp-2);
  font-family: inherit;
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.5;
  background: var(--tint);
  color: var(--text-mid);
  border: none;
  border-radius: var(--radius-md);
  padding: var(--sp-3) var(--sp-6);
  width: 100%;
  cursor: pointer;
}

/* ─── Homepage ────────────────────────────────────────────────── */
.home h1 {
  font-size: 2.25rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-bottom: var(--sp-3);
}

.home__tagline {
  font-size: var(--text-base);
  color: var(--text-mid);
  margin-bottom: var(--sp-1);
}

.home__sub {
  font-size: var(--text-sm);
  color: var(--text-warm);
  margin-bottom: var(--sp-8);
}

.home__ctas {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  margin-bottom: var(--sp-8);
}

.home__secondary {
  font-size: var(--text-sm);
  color: var(--text-warm);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.home__secondary p { margin-bottom: 0; }

/* ─── Privacy policy ──────────────────────────────────────────── */
.privacy {
  padding-top: var(--sp-8);
}

.privacy h1 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-2);
}

.privacy__meta {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-bottom: var(--sp-8);
}

.privacy h2 {
  font-size: var(--text-base);
  font-weight: 700;
  color: var(--text);
  letter-spacing: 0;
  margin-top: var(--sp-8);
  margin-bottom: var(--sp-3);
}

.privacy h3 {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--text-mid);
  margin-top: var(--sp-6);
  margin-bottom: var(--sp-2);
}

.privacy p {
  color: var(--text-mid);
  line-height: 1.7;
  margin-bottom: var(--sp-4);
}

.privacy ul {
  list-style: disc;
  padding-left: var(--sp-6);
  margin-bottom: var(--sp-4);
}

.privacy ul li {
  color: var(--text-mid);
  line-height: 1.7;
  margin-bottom: var(--sp-2);
}

.privacy em {
  color: var(--text-warm);
  font-style: italic;
}