:root { color-scheme:dark; }
* { box-sizing:border-box; }
.signup-ready-page {
    margin:0; min-height:100vh; min-height:100dvh; display:grid; place-items:center;
    padding:28px 18px; background:radial-gradient(ellipse at 50% 0%,#9ae5c208,transparent 60%),#1c1f24;
    color:#e9f0ed; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.signup-ready { width:100%; max-width:440px; }
.signup-ready__brand { display:flex; align-items:center; justify-content:space-between; margin:0 4px 18px; font-size:24px; font-weight:800; letter-spacing:-1px; }
.signup-ready__brand-dot { color:#9ae5c2; }
.signup-ready__step { font-size:11px; font-weight:500; letter-spacing:0; color:#849a94; }
.signup-ready__card {
    padding:30px; border:1px solid #9ae5c226; border-radius:23px;
    background:linear-gradient(145deg,#9ae5c207,transparent 52%),#252c33;
    box-shadow:0 20px 70px #0003,inset 0 1px 0 #ffffff04;
}
.signup-ready__key { display:grid; place-items:center; width:52px; height:52px; margin-bottom:22px; border:1px solid #9ae5c233; border-radius:16px; color:#a4e7c9; background:#9ae5c20b; }
.signup-ready svg { display:block; width:18px; height:18px; flex-shrink:0; }
.signup-ready__key svg { width:27px; height:27px; }
.signup-ready__eyebrow { margin:0 0 7px; font-size:12px; color:#a2d8bf; }
.signup-ready h1 { margin:0; font-size:28px; font-weight:650; line-height:1.2; letter-spacing:-.7px; }
.signup-ready__intro { margin:13px 0 23px; color:#a9b7bf; font-size:14px; line-height:1.6; }
.signup-ready__pin-box { padding:17px 18px 12px; border:1px solid #9ae5c22a; border-radius:15px; background:#1c242a; text-align:center; }
.signup-ready__pin-box label { display:block; color:#9bb5ab; font-size:11px; }
.signup-ready__pin { display:block; width:100%; min-width:0; margin:13px 0 7px; padding:0; border:0; outline:0; background:transparent; color:#d4f5e5; text-align:center; font:600 clamp(28px,8vw,44px)/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.14em; border-radius:6px; }
.signup-ready__pin::selection { background:#9ae5c23d; }
.signup-ready__copy { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 12px; border:0; border-radius:9px; background:transparent; color:#b5cebf; font:500 12px/1.4 system-ui,sans-serif; cursor:pointer; }
.signup-ready__copy:hover { background:#9ae5c20a; color:#d4f5e5; }
.signup-ready__copy.is-copied { color:#9ae5c2; }
.signup-ready__hint { margin:14px 3px 0; font-size:12px; line-height:1.5; color:#9aaab5; }
.signup-ready__copy-status { margin:0; font-size:12px; line-height:1.5; color:#b9dccc; }
.signup-ready__copy-status:not(:empty) { margin:8px 3px 0; }
.signup-ready__form { margin-top:24px; }
.signup-ready__continue { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:50px; padding:12px 15px; border:1px solid #b6ebd4; border-radius:12px; background:#9ae5c2; color:#1c3c30; font:600 14px/1.4 system-ui,sans-serif; cursor:pointer; transition:background .15s; }
.signup-ready__continue:hover { background:#b0efd2; }
.signup-ready__footer { margin:15px 4px 0; text-align:center; font-size:11px; line-height:1.5; color:#82969e; }
.signup-ready__error { margin:0 0 12px; color:#e6ba86; font-size:12px; line-height:1.5; }
.signup-ready__copy:focus-visible,.signup-ready__continue:focus-visible,.signup-ready__pin:focus-visible { outline:2px solid #9ae5c2; outline-offset:4px; }
@media(max-width:380px) {
    .signup-ready-page { padding:20px 14px; }
    .signup-ready__card { padding:23px 20px; border-radius:19px; }
    .signup-ready h1 { font-size:25px; }
    .signup-ready__intro { font-size:13px; }
    .signup-ready__continue { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .signup-ready__continue { transition:none; } }