.signup-credit-offer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; width:100%; padding:18px 20px; margin:0 0 24px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.signup-credit-offer p { margin:0; color:var(--ink); font-size:18px; font-weight:650; line-height:1.5; }
.signup-credit-actions { display:flex; flex-wrap:wrap; gap:10px; }
.signup-credit-actions .button { min-height:44px; padding:10px 18px; font-size:14px; }
.signup-credit-signup-offer { margin:0 0 20px; color:var(--ink); font-size:15px; line-height:1.5; text-align:center; }
.signup-credit-notice { position:fixed; z-index:1200; bottom:calc(88px + var(--ncb-tg-inset-bottom,env(safe-area-inset-bottom,0px))); left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100vw - 32px - var(--ncb-tg-inset-left,0px) - var(--ncb-tg-inset-right,0px)); margin:0; padding:15px 20px; border:1px solid var(--accent); border-radius:12px; background:var(--surface); color:var(--ink); box-shadow:0 12px 36px #0006; font-size:15px; line-height:1.5; text-align:center; overflow-wrap:anywhere; }
body[data-lobby-layout="reference"] .flip-page.is-guest { align-self:start; align-items:start; }
@media(max-width:600px) { .signup-credit-offer { padding:16px; gap:14px; margin-bottom:20px; } .signup-credit-offer p { font-size:16px; } .signup-credit-notice { font-size:14px; } }