.legal-page {
  align-items: center;
}

.legal-page .legal-card {
  width: 100%;
  max-width: 54rem;
  padding: 2rem;
  background: hsl(var(--bg) / 0.75);
  backdrop-filter: blur(24px);
  border: 1px solid hsl(var(--text) / 0.15);
  border-radius: 2rem;
  transition: color 0.3s ease;
}

.legal-page .legal-card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
  user-select: text;
}

.legal-page .legal-card-header svg {
  width: 2rem;
  height: 2rem;
}

.legal-page .legal-card h2 {
  margin: 1rem 0;
  user-select: text;
}

.legal-page .legal-card p {
  margin: 0.25rem 0;
  user-select: text;
}

.legal-page .legal-card a {
  margin: 0.25rem 0;
  color: hsl(var(--color));
  text-decoration: underline;
}