.betaRegistrationOffer[hidden] { display:none; }
.betaRegistrationOffer { --invite-bg:#fff; --invite-line:#e4e7ec; --invite-ink:#242a35; --invite-muted:#727985; box-sizing:border-box; margin:0 0 24px; padding:18px 20px; border:1px solid var(--invite-line); border-radius:14px; background:var(--invite-bg); color:var(--invite-ink); box-shadow:0 2px 6px #18223004; }
.betaOfferBadge { display:flex; align-items:center; gap:8px; margin-bottom:9px; font-size:10px; font-weight:650; letter-spacing:.1em; color:var(--invite-muted); }
.betaOfferBadge span { padding:3px 6px; border-radius:4px; background:#edf0fc; color:#5261ad; font-size:9px; letter-spacing:.06em; }
.betaRegistrationOffer strong { display:block; font-size:18px; font-weight:650; line-height:1.4; letter-spacing:-.025em; }
.betaRegistrationOffer p { margin:7px 0 0; font-size:12px; line-height:1.7; color:var(--invite-muted); }
.betaOfferFeatures { display:grid; grid-template-columns:1fr 1fr; gap:12px 14px; list-style:none; padding:0; margin:15px 0 17px; }
.betaOfferFeatures li { display:flex; align-items:center; gap:9px; min-width:0; font-size:12px; line-height:1.5; color:var(--invite-ink); }
.betaOfferFeatures svg { flex:0 0 18px; width:18px; height:18px; fill:none; stroke:#828b9c; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.betaOfferActions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.betaRegistrationOffer .betaOfferActions > a,.betaRegistrationOffer .betaOfferActions > button { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:auto; height:38px; min-height:38px; margin:0; padding:0 15px; border:1px solid transparent; border-radius:8px; font:inherit; font-size:12px; font-weight:550; line-height:1; white-space:nowrap; cursor:pointer; text-decoration:none; box-shadow:none; }
.betaRegistrationOffer .betaOfferActions > #betaOfferLink { background:#465dd2; color:#fff; }
.betaRegistrationOffer .betaOfferActions > #betaOfferLink:hover { background:#394fbd; }
.betaRegistrationOffer .betaOfferActions > button { background:transparent; color:var(--invite-muted); }
.betaRegistrationOffer .betaOfferActions > button:hover { background:#8080800b; color:var(--invite-ink); }
.betaOfferActions > :focus-visible { outline:2px solid #465dd2; outline-offset:3px; }
[data-theme="dark"] .betaRegistrationOffer { --invite-bg:#20232b; --invite-line:#343945; --invite-ink:#edf0f5; --invite-muted:#a2a9b7; box-shadow:none; }
[data-theme="dark"] .betaOfferBadge span { background:#303750; color:#b2bfff; }
@media(max-width:380px) { .betaRegistrationOffer { padding:18px; } .betaOfferFeatures { column-gap:8px; } .betaOfferFeatures li { gap:6px; font-size:11px; } }

.betaOfferFeatures svg { flex-basis:28px; width:28px; height:28px; box-sizing:border-box; padding:5px; border-radius:7px; }
.betaOfferFeatures li:nth-child(1) svg { color:#1687a5; stroke:currentColor; background:#eaf6fa; }
.betaOfferFeatures li:nth-child(2) svg { color:#8b65bc; stroke:currentColor; background:#f3edf9; }
.betaOfferFeatures li:nth-child(3) svg { color:#2f947c; stroke:currentColor; background:#eaf6f1; }
.betaOfferFeatures li:nth-child(4) svg { color:#b38136; stroke:currentColor; background:#fbf3e7; }
[data-theme="dark"] .betaOfferFeatures li svg { background:#ffffff0a; }

#form[hidden],.betaRegistrationChoice[hidden],#betaRegistrationRecovery[hidden] { display:none !important; }
.betaRegistrationOffer { padding:26px; }
.betaRegistrationOffer strong { font-size:22px; }
.betaRegistrationOffer p { font-size:13px; }
.betaOfferFeatures { gap:20px 16px; margin:24px 0; }
.betaOfferFeatures li { align-items:flex-start; }
.betaOfferFeatures b { display:block; font-size:12px; font-weight:600; }
.betaOfferFeatures small { display:block; margin-top:5px; font-size:11px; line-height:1.65; color:var(--invite-muted); }
.betaOfferFeatures svg { flex-basis:32px; width:32px; height:32px; padding:6px; }
.betaRegistrationOffer .betaOfferNote { margin:0 0 20px; font-size:11px; line-height:1.8; }
.betaRegistrationOffer .betaOfferActions > #betaOfferDismiss { border-color:var(--invite-line); background:var(--invite-bg); color:var(--invite-ink); }
.betaRegistrationChoice { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; margin-bottom:20px; border:1px solid #e4e7ec; border-radius:10px; background:#fff; }
.betaChoiceBrand { font-size:12px; font-weight:650; white-space:nowrap; }
.betaChoiceBrand > span { color:#5261ad; }
.betaChoiceControl { display:flex; align-items:center; gap:7px; font-size:11px; color:#727985; cursor:pointer; }
.betaChoiceControl input { appearance:none; width:30px; height:18px; margin:0; border:0; border-radius:20px; background:#c5cbd5; cursor:pointer; position:relative; flex-shrink:0; }
.betaChoiceControl input:before { content:""; position:absolute; width:14px; height:14px; top:2px; left:2px; background:#fff; border-radius:50%; transition:transform .15s; }
.betaChoiceControl input:checked { background:#465dd2; }
.betaChoiceControl input:checked:before { transform:translateX(12px); }
.betaChoiceControl input:focus-visible { outline:2px solid #465dd2; outline-offset:3px; }
#betaRegistrationRecovery { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px; }
#betaRegistrationRecovery button { padding:9px 12px; border:1px solid #dce1e8; border-radius:8px; background:transparent; color:inherit; font:inherit; font-size:12px; cursor:pointer; }
[data-theme="dark"] .betaRegistrationChoice { background:#20232b; border-color:#343945; }
@media(max-width:480px) { .betaRegistrationOffer { padding:20px; } .betaOfferFeatures { grid-template-columns:1fr; gap:16px; } }
@media(prefers-reduced-motion:reduce) { .betaChoiceControl input:before { transition:none; } }

/* Decorative layers must not contribute to the registration scroll area. */
body[data-auth-title="page_register"]::before,
body[data-auth-title="page_register"]::after { position:fixed; inset:0; transform:none; animation:none; pointer-events:none; }

/* The transparent form wrapper must not clip the heading at its old card corners. */
body[data-auth-title="page_register"] .register-card-modern { border-radius:0; overflow:visible; }

.betaRegistrationOffer .betaOfferNote[hidden] { display:none; }