/* The "You're invited" activation card (public/js/beta-activate.js). It is
   shown inside the Creator offer dialog on app pages (app.css tokens), on the
   /beta page (beta.css tokens) and on the beta wall; each token below falls
   back across those stylesheets so the card reads the same everywhere. */
.beta-activate{--ba-card:var(--card,var(--pane,#fff));--ba-ink:var(--ink,#191828);--ba-mut:var(--mut,var(--ink-2,#5c5a72));--ba-line:var(--line,var(--rule,#e2e0ec));--ba-fill:var(--fill,var(--violet-fill,#6315e9));--ba-deep:var(--fill-deep,var(--violet-deep,#5312c4));--ba-accent:var(--violet,#6d28d9);
 max-width:520px;margin:0 auto;padding:4px 0 0;color:var(--ba-ink);font-family:var(--sans,"Sora",-apple-system,"Helvetica Neue",Arial,sans-serif)}
.beta-activate-kicker{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:999px;background:var(--soft,var(--violet-soft,#efe8fd));color:var(--ba-accent);font-size:13px;font-weight:650;line-height:1.3}
.beta-activate h2{margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--ba-ink)}
.beta-activate-lead{margin:0 0 6px;color:var(--ba-mut);font-size:15px;line-height:1.55}
.beta-activate .beta-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:var(--ba-mut);font-size:13.5px;line-height:1.5;cursor:pointer}
.beta-activate .beta-check input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--ba-fill)}
.beta-activate .beta-check a{color:var(--ba-accent);font-weight:600;text-underline-offset:3px}
.beta-activate .beta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:0 22px;border:0;border-radius:999px;background:var(--ba-fill);color:#fff;font:inherit;font-size:15px;font-weight:650;cursor:pointer;transition:background-color .15s ease}
.beta-activate .beta-primary:hover:not(:disabled){background:var(--ba-deep)}
.beta-activate .beta-primary:disabled{opacity:.7;cursor:default}
.beta-activate .beta-primary:focus-visible,.beta-activate .beta-check input:focus-visible{outline:2px solid var(--ba-accent);outline-offset:3px}
.beta-activate .beta-status{min-height:26px;margin:10px 0 0;color:var(--ba-mut);font-size:13.5px;line-height:1.5}
/* On the /beta page it sits where the waitlist form was, inside that card. */
.beta-card .beta-activate{max-width:none;padding:0}
/* Inside the Creator offer dialog the card is the whole dialog body. */
.creator-offer-dialog.is-beta-activate{width:min(560px,calc(100vw - 32px));padding:28px 28px 24px}
.creator-offer-dialog.is-beta-activate .beta-activate{padding-right:36px}
@media(max-width:560px){.creator-offer-dialog.is-beta-activate{padding:22px 18px 18px}.creator-offer-dialog.is-beta-activate .beta-activate{padding-right:28px}.beta-activate h2{font-size:20px}}