html, body { background: var(--overlay-bg); color: var(--overlay-text); }
main { display: flex; align-items: flex-start; justify-content: center; padding: 48px 16px; }
.card {
  max-width: 720px; width: 100%;
  background: #fff; border: 1px solid var(--border);
  border-radius: var(--radius); padding: 20px; box-shadow: var(--shadow-overlay);
}
h1 { margin: 0 0 8px; font: 700 28px/1.2 var(--font); }
p { margin: 8px 0; font: 16px/1.45 var(--font); color: #334155; }
.help { color: var(--overlay-help); font-size: 14px; }
