/* Shared post-waitlist confirmation for website and Mini App. */
.spu-dialog { box-sizing:border-box; width:min(420px,calc(100% - 24px)); max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); margin:auto; padding:12px 12px 16px; overflow:auto; border:1px solid #38505a; border-radius:20px; background:#101a20; color:#f4f8f3; font:400 16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
.spu-dialog * { box-sizing:border-box; }
.spu-dialog::backdrop { background:#000b; }
.spu-close { display:block; width:44px; min-height:44px; margin:0 0 0 auto; padding:0; border:0; background:transparent; color:#b1c4c5; font:28px/1 Arial,sans-serif; }
.spu-card { margin:0 0 12px; padding:20px; border:1px solid #38505a; border-radius:15px; background:#17232a; }
.spu-check { display:grid; place-items:center; width:38px; height:38px; margin-bottom:14px; border-radius:50%; background:#c7f589; color:#152118; font-size:24px; }
.spu-card h2,.spu-card h3 { margin:0 0 9px; color:#f4f8f3; line-height:1.3; }
.spu-card h2 { font-size:21px; }.spu-card h3 { font-size:18px; }
.spu-card p { margin:0; }.spu-card > p + p { margin-top:12px; }
.spu-accent { color:#c7f589; font-weight:700; }.spu-muted,.spu-footnote { color:#b1c4c5; }
.spu-primary,.spu-secondary { display:block; width:100%; min-height:50px; margin-top:12px; padding:9px; border-radius:11px; font:700 16px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
.spu-primary { border:0; background:#c7f589; color:#152118; }.spu-secondary { border:1px solid #38505a; background:transparent; color:#f4f8f3; }
.spu-primary:disabled { opacity:.7; }.spu-footnote { margin-top:12px!important; font-size:13px; line-height:1.4; }.spu-message { margin-top:12px!important; color:#c7f589; font-size:14px; }
.spu-dialog button:focus-visible { outline:2px solid #c7f589; outline-offset:2px; }
@media (max-width:360px) { .spu-card { padding:16px; } }