/* The "Request an invite" page: Froxies' own look, one centred column. It loads the design tokens and components, not page.css. */
body { margin: 0; }
.invite { max-width: 28rem; margin: 0 auto; padding: var(--space-6) var(--space-4); display: flex; flex-direction: column; gap: var(--space-4); }
.invite .fx-wordmark { font-size: 28px; }
.invite h1 { margin: 0; }
.invite p { margin: 0; }
.invite form { display: flex; flex-direction: column; gap: var(--space-3); }
.invite .fine { font-size: 14px; line-height: 20px; color: var(--ink-soft); }
.trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }