/* The invite site: BrainScroll's own colours (app/src/theme/tokens.ts), system fonts, nothing loaded from anywhere else. */
:root {
  --bg: #131f24;
  --surface: #202f36;
  --border: #37464f;
  --brand: #7856ff;
  --brand-edge: #5031c2;
  --brand-text: #ae9dff;
  --text: #f7f9fc;
  --muted: #a7b0c0;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); }
body {
  font: 17px/1.5 ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  padding: 32px 16px 48px;
}
main { width: 100%; max-width: 440px; display: flex; flex-direction: column; gap: 20px; text-align: center; }
.mascot { width: 160px; height: 160px; margin: 0 auto; }
.eyebrow { margin: 0; color: var(--brand-text); font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; font-size: 13px; }
h1 { margin: 0; font-size: 30px; line-height: 1.15; font-weight: 900; }
p { margin: 0; color: var(--muted); }
.card { background: var(--surface); border: 2px solid var(--border); border-bottom-width: 4px; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.code { font: 900 32px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: 0.18em; color: var(--text); }
.steps { text-align: left; margin: 0; padding-left: 22px; color: var(--muted); display: flex; flex-direction: column; gap: 8px; }
.steps strong { color: var(--text); }
.button {
  display: block; text-decoration: none; text-align: center; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase;
  padding: 16px 20px; border-radius: 16px; color: #fff; background: var(--brand); border-bottom: 4px solid var(--brand-edge);
}
.button.secondary { background: var(--surface); border: 2px solid var(--border); border-bottom-width: 4px; color: var(--text); }
.button:active { transform: translateY(2px); border-bottom-width: 2px; }
.buttons { display: flex; flex-direction: column; gap: 12px; }
[hidden] { display: none !important; }
.fine { font-size: 14px; }

/* Text pages: the privacy policy and account deletion. */
body { flex-direction: column; align-items: center; }
main.doc { max-width: 680px; text-align: left; gap: 0; }
main.doc h1 { margin-bottom: 16px; }
main.doc h2 { margin: 28px 0 8px; font-size: 21px; font-weight: 900; }
main.doc p, main.doc li { color: var(--muted); margin: 0 0 12px; }
main.doc strong { color: var(--text); }
main.doc ul, main.doc ol { padding-left: 22px; margin: 0 0 12px; }
main.doc code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.92em; color: var(--text); }
a { color: var(--brand-text); }
footer { margin-top: 40px; color: var(--muted); font-size: 14px; text-align: center; }
footer a { color: var(--muted); }