/* Simple standalone pages: password reset, terms, privacy. */

.page-center {
  min-height: 100dvh;
  display: grid; place-content: center; justify-items: center; gap: 24px;
  padding: 24px 16px;
}
.page-card {
  width: min(420px, calc(100vw - 32px));
  display: grid; gap: 14px;
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
}
.page-card h1 { margin: 0; font: 800 22px/1.2 var(--display); letter-spacing: -.03em; }
.page-card p { margin: 0; }
.page-card .btn { text-align: center; text-decoration: none; }

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}
.legal .logo { margin-bottom: 28px; }
.legal article {
  padding: 28px 32px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  backdrop-filter: var(--blur);
  -webkit-backdrop-filter: var(--blur);
  line-height: 1.65;
  color: #d4d4d8;
}
.legal h1 { margin: 0 0 4px; font: 800 32px/1.15 var(--display); letter-spacing: -.04em; }
.legal h2 { margin: 28px 0 8px; font: 700 17px/1.3 var(--display); letter-spacing: -.02em; }
.legal .updated { color: var(--muted); margin: 0 0 20px; }
.legal ul { padding-left: 20px; }
.legal li { margin: 4px 0; }
.legal footer { margin-top: 20px; text-align: center; color: var(--muted); font-size: 14px; }
.legal footer a { margin: 0 8px; }

@media (max-width: 600px) {
  .legal article { padding: 20px; }
  .legal h1 { font-size: 26px; }
}