:root{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif;font-synthesis:none;color:#333;background:#202428;--bg:#f8fafe;--secondary:#5e6272;--tertiary:#808191;--disabled:#d0d3e5;--primary:#6d5dd2;--phone-scale:.86}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9f96ff;outline-offset:4px}header{height:70px;margin:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-size:22px;letter-spacing:-1px;color:#eeedf4;text-decoration:none;font-weight:700}.brand span{font-size:9px;vertical-align:top;margin-left:3px}.header-right{font-size:11px;letter-spacing:1.2px;color:#a6a4b0}.prototype{display:none}main{position:relative;display:flex;flex-direction:column;gap:24px;align-items:center;padding:22px 24px 32px;min-height:calc(100vh - 70px)}aside{width:min(100%,520px)}.eyebrow,h1,.intro,.right-note,footer{display:none}nav{display:flex;justify-content:center;gap:4px;border:1px solid #ffffff12;border-radius:12px;padding:4px;background:#292d33}nav button{font-size:12px;line-height:18px;padding:10px 15px;border:0;border-radius:8px;color:#aeadba;background:none;transition:background .2s,color .2s;white-space:nowrap}nav button.active{background:#46404f;color:#eee8ff}nav button:hover{background:#393740}nav button span,nav button i{display:none}.demo{position:absolute;left:40px;bottom:34px;font-size:12px;line-height:1.8;color:#aaa5b5;max-width:240px}.demo summary{cursor:pointer;list-style:none}.demo summary span{margin-left:10px}.demo p{font-size:12px}.demo b{font-weight:500;color:#d1c6ea}.demo small{font-size:11px}.stage{width:calc(399px * var(--phone-scale));}.device-space{width:calc(399px * var(--phone-scale));height:calc(836px * var(--phone-scale));position:relative}.phone{width:399px;height:836px;border-radius:52px;padding:12px;background:linear-gradient(110deg,#87868d,#17171c 17%,#54545d 50%,#111115 82%,#8c8c94);box-shadow:inset 0 0 0 1px #9c9ca6,inset 0 0 0 3px #3a3a43,0 28px 55px -18px #0009,0 7px 14px #0004;position:relative;transform:scale(var(--phone-scale));transform-origin:top left}.screen{width:375px;height:812px;position:relative;background:var(--bg);border-radius:40px;overflow:hidden;color:var(--secondary);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif}.screen.sheet-open{background:#8a8d94}.island{display:none}.status{position:absolute;left:0;top:0;width:375px;height:40px;z-index:20;background:url('assets/status.svg') center/375px 40px no-repeat}.status>*{display:none}.side-button{position:absolute;background:#66666d;border-radius:3px;left:-3px;width:3px}.side-button.one{top:105px;height:26px}.side-button.two{top:157px;height:48px}.side-button.three{top:219px;height:48px}.phone:after{content:'';position:absolute;right:-3px;top:165px;width:3px;height:72px;background:#66666d;border-radius:3px}.home-indicator{position:absolute;bottom:8px;left:121px;width:134px;height:5px;background:#1b202a;border-radius:100px;z-index:60}.stage-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 4px 0;font-size:10px;letter-spacing:1px;color:#aca6b8}.stage-caption button{border:0;background:none;color:#aaa4b4;font-size:18px;display:flex;align-items:center;gap:7px}.stage-caption button span{font-size:11px}#app{position:absolute;inset:40px 0 0}.page{height:772px;width:375px;margin:0;padding:0;position:relative;background:var(--bg);border-radius:30px 30px 0 0;animation:enter .32s cubic-bezier(.2,.8,.2,1)}.sheet-header{position:absolute;left:0;top:0;width:375px;height:64px;display:flex;align-items:center;justify-content:center;color:#333;font-size:20px;font-weight:700;letter-spacing:-.2px}.title-art{width:287px;height:24px;object-fit:contain}.close{position:absolute;right:20px;top:20px;width:24px;height:24px;padding:0;border:0;background:url('assets/close.svg') center/24px 24px no-repeat;font-size:0}.page h2{position:absolute;left:115.5px;top:104px;width:144px;height:40px;margin:0;font-size:0;background:url('assets/welcome.svg') center/144px 40px no-repeat}.field-label{position:absolute;left:24px;top:184px;height:17px;line-height:17px;font-size:14px;font-weight:600;letter-spacing:-.14px;color:var(--tertiary);margin:0}.label-art{height:17px;width:auto;display:block}.field-row{position:absolute;left:24px;top:209px;width:327px;height:48px;display:flex;gap:8px}.field{height:48px;width:100%;min-width:0;border:1px solid transparent;border-radius:105px;background-color:#fff;box-shadow:0 8px 32px #6e71911f;padding:0 15px;color:#333;outline:none;font-size:14px;font-weight:600;letter-spacing:-.14px;transition:border-color .18s}.field::placeholder{color:var(--disabled);opacity:1}.field:focus-visible{outline:2px solid #b8b0e8;outline-offset:3px}.field.invalid{border-color:#ff383c}.dial{flex:0 0 80px;width:80px;padding:0 15px;appearance:none;text-align:left;position:relative;background-image:url('assets/chevron.png');background-position:right 12px center;background-size:20px 20px;background-repeat:no-repeat}.dial.placeholder{flex-basis:100px;width:100px;color:var(--disabled)}.dial-placeholder{width:30px;height:18px;display:block}.dial:not(.placeholder){background-image:none}.primary{position:absolute;left:20px;top:336px;width:335px;height:52px;border:0;border-radius:1000px;background:linear-gradient(220.5723deg,#8e96ff 0%,#6c5dd3 101.04%);box-shadow:0 2px 0 #e7e7ed;color:#fff;font-size:16px;font-weight:600;letter-spacing:-.16px;padding:0;display:flex;align-items:center;justify-content:center;transition:filter .18s,transform .18s}.primary:disabled{background:var(--disabled);cursor:default}.primary:active:not(:disabled){transform:scale(.985)}.button-art{height:19px;width:auto}.terms{position:absolute;left:20px;top:408px;width:335px;min-height:34px;display:flex;align-items:flex-start;gap:4px;font-size:14px;line-height:17px;font-weight:600;letter-spacing:-.14px;color:var(--tertiary);margin:0}.terms input{appearance:none;flex:0 0 24px;width:24px;height:24px;margin:0;cursor:pointer;background:url('assets/radioOff.svg') center/24px 24px no-repeat;border:0}.terms input:checked{background-image:url('assets/radioOn.svg')}.terms input:focus-visible{outline:2px solid #9f96ff;border-radius:50%}.terms-content{position:relative;width:307px;height:34px}.terms-art{width:307px;height:34px;display:block}.legal-hotspot{position:absolute;border:0;padding:0;background:none;color:transparent;font-size:0;height:17px}.legal-terms{left:166px;top:0;width:128px}.legal-privacy{left:25px;top:17px;width:85px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.text-link{border:0;background:none;padding:0;color:var(--primary);font:inherit;cursor:pointer}.error{position:absolute;left:20px;top:265px;height:17px;font-size:14px;line-height:17px;font-weight:400;letter-spacing:-.14px;color:#ff383c;display:flex;align-items:center;gap:4px}.error:empty{display:none}.error img{width:16px;height:16px}.page.has-error .primary{top:332px}.page.has-error .terms{top:404px}.page.has-error .field-row{left:20px;width:335px}.page.has-error .field-label{left:20px}.subtitle,.otp-subtitle{position:absolute;left:20px;top:160px;width:335px;margin:0;text-align:center;color:var(--tertiary);font-size:14px;font-weight:600;line-height:17px;letter-spacing:-.14px}.subtitle{height:34px}.subtitle img{display:block;width:335px;height:34px}.otp-subtitle{height:17px}.otp-subtitle img{display:block;width:335px;height:17px}.temporary .field-label{top:234px}.temporary .field-row{top:259px}.temporary .password-label{top:327px}.temporary #password{position:absolute;top:352px;left:24px;width:327px}.temporary .primary,.temporary.has-error .primary{top:450px}.temporary .terms,.temporary.has-error .terms{top:522px}.temporary.has-error .field-row{left:24px;width:327px}.temporary.has-error .field-label{left:24px}.otp-page .field-label{top:217px;left:20px}.otp-wrap{position:absolute;left:20px;top:242px;width:335px;height:48px}.otp-boxes{display:flex;justify-content:space-between}.otp-box{flex:0 0 48px;width:48px;height:48px;background:#fff;border:1px solid transparent;border-radius:8px;display:grid;place-items:center;box-shadow:0 8px 32px #6e71911f;color:var(--disabled);font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.2px}.otp-box.filled{color:#333}.otp-box.bad{border-color:#ff383c}.otp-input{position:absolute;inset:0;width:100%;opacity:0;cursor:text}.otp-input:focus-visible~span{outline:0}.resend{position:absolute;top:330px;left:0;width:375px;height:24px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:24px;letter-spacing:-.2px;color:var(--tertiary)}.resend button{font-weight:700}.resend button:disabled{color:var(--disabled);cursor:default}.otp-page.resend-ready .otp-wrap{left:24px;width:327px}.otp-page.resend-ready .field-label{left:24px}.keyboard{position:absolute;top:548px;left:0;width:375px;height:264px;background:url('assets/keyboard.png') center/375px 264px no-repeat;z-index:10;animation:rise .24s cubic-bezier(.2,.8,.2,1)}.keyboard[hidden]{display:none}.key{position:absolute;border:0;background:transparent;border-radius:5px;width:117px;height:43px;padding:0;color:transparent;font-size:0}.key:active{background:#8271be28}.key:focus-visible{outline:2px solid #8b7be1;outline-offset:0}.key.empty{display:none}.key.back{width:117px}.key small{display:none}.toast{position:absolute;top:718px;left:50%;transform:translate(-50%,10px);min-height:44px;padding:10px 20px;display:flex;align-items:center;gap:10px;background:#333333f5;border-radius:40px;box-shadow:0 8px 32px #6e71911f;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.14px;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;z-index:40;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.toast img{width:24px;height:24px}.one-page{border-radius:0}.one-page .logo{position:absolute;left:143.5px;top:80px;width:88px;height:88px;background:none}.one-page .logo img{width:88px;height:88px;display:block}.one-page h2{top:208px;left:0;width:375px;height:40px;background:url('assets/onePhone.svg') center/375px 40px no-repeat}.carrier{position:absolute;top:264px;left:0;width:375px;height:24px;background:url('assets/carrier.png') center/375px 24px no-repeat;font-size:0}.one-page .primary{left:24px;top:368px;width:327px;background:linear-gradient(221.2577deg,#8e96ff 0%,#6c5dd3 101.04%)}.one-page .primary:disabled{background:var(--disabled)}.one-page .terms{left:24px;top:444px;width:327px;line-height:20px;color:var(--secondary)}.one-page .terms-content,.one-page .terms-art{width:299px;height:60px}.one-page .bottom-links{position:absolute;top:686px;height:32px;left:0;right:0;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:600;color:var(--tertiary)}.one-page .bottom-links .text-link{color:var(--tertiary);height:32px;padding:9px 12px;font-size:14px;line-height:14px}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#1b202a80}.overlay[hidden]{display:none}.overlay.limit{background:#8d9095}.modal-card{position:relative;flex:0 0 335px;width:335px;border-radius:20px;padding:30px 20px 20px;background:#fff;text-align:center;animation:enter .25s ease;display:flex;flex-direction:column;align-items:center;gap:30px}.modal-icon{width:60px;height:60px;position:relative;margin:0;color:var(--primary);font-size:40px;line-height:60px}.modal-icon img{position:absolute;inset:-10px -20px -30px;width:100px;height:100px}.modal-copy h3{font-size:20px;font-weight:700;line-height:24px;letter-spacing:-.2px;margin:0 0 16px;color:var(--secondary)}.modal-copy p{font-size:16px;line-height:19px;letter-spacing:-.16px;color:var(--tertiary);margin:0}.modal-card .primary{position:relative;left:auto;top:auto;width:295px;flex:0 0 52px;margin:0;background:linear-gradient(224.1974deg,#8e96ff 0%,#6c5dd3 101.04%)}.success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:70px}.success h2{position:static;background:none;width:auto;height:auto;font-size:32px;line-height:40px;margin:22px 0 10px}.success p{font-size:14px}.success .primary{position:static;width:295px;margin-top:28px}.success .modal-icon{color:var(--primary)}.country-list{width:295px;max-height:330px;overflow:auto;display:grid;gap:5px}.country-list button{padding:13px 12px;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #e7e7ed;background:#fff;font-size:14px;color:var(--secondary)}.country-list button:hover{background:#f8fafe}@keyframes enter{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:800px){.demo{position:static;max-width:none;margin:14px 3px 0;font-size:11px}.demo p{font-size:11px}header{margin:0 24px;height:58px}main{min-height:calc(100vh - 58px);gap:20px;padding:18px 14px 28px}nav button{padding:8px 10px;font-size:11px}.header-right{font-size:9px}.stage-caption{padding-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* The SVG exports are tightly cropped glyph bounds; preserve their natural size. */
.title-art{width:auto;height:19px;max-width:287px}.page h2{background-size:141px 23px}.one-page h2{background-size:192px 25px}.label-art{width:auto;height:auto;position:relative;top:3px}.button-art{width:41px;height:15px}
#identity:placeholder-shown{background-repeat:no-repeat;background-position:15px center}#identity:placeholder-shown::placeholder,#password:placeholder-shown::placeholder{color:transparent}#identity[inputmode="numeric"]:placeholder-shown{background-image:url('assets/mobilePlaceholder.png');background-size:112px 18px}#identity[type="email"]:placeholder-shown{background-image:url('assets/emailPlaceholder.png');background-size:48px 18px}.temporary #identity:placeholder-shown{background-image:url('assets/idPlaceholder.png');background-size:170px 18px}#password:placeholder-shown{background-image:url('assets/passwordPlaceholder.png');background-size:180px 18px;background-position:15px center;background-repeat:no-repeat}.dial.placeholder{color:transparent;background-image:url('assets/dialPlaceholder.png'),url('assets/chevron.png');background-size:30px 18px,20px 20px;background-position:15px center,right 12px center;background-repeat:no-repeat}.dial option{color:#333}.one-page .bottom-links .text-link{width:107px;height:32px;background:url('assets/smsLabel.png') center/83px 21px no-repeat;color:transparent}
.status{z-index:60}.overlay.limit .modal-copy h3{height:24px;width:295px;background:url('assets/limitTitle.png') center/295px 24px no-repeat;color:transparent}.overlay.limit .modal-copy p{height:38px;width:295px;background:url('assets/limitMessage.png') center/295px 38px no-repeat;color:transparent}

/* Resend states use the original exported lettering at the design's 1x size. */
.resend{top:330px;height:24px;gap:8px;font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.2px}
.resend button{width:69px;height:24px;min-width:0;padding:0;border:0;border-radius:0;background:url('assets/resendActive.png') center/69px 24px no-repeat;color:transparent;font-size:0;position:relative}
.resend button:disabled{background-image:url('assets/resendDisabled.png');color:transparent}
.resend button::after{content:'';position:absolute;inset:-10px 0}
.resend-prompt{display:block;width:161px;height:24px;background:url('assets/resendPrompt.png') center/161px 24px no-repeat;font-size:0}
#resend-status:not(.resend-prompt){min-width:36px;text-align:right}
.one-button-art{width:116px;height:21px;display:block}

.dial:not(.placeholder){background-image:url('assets/chevron.png')}
.invalid-mobile-copy{width:133px;height:17px;background:url('assets/invalidMobile.png') center/133px 17px no-repeat;font-size:0}
.toast.invalid-code-toast span{width:88px;height:19px;background:url('assets/invalidCodeToast.png') center/88px 19px no-repeat;font-size:0}
.toast.invalid-login-toast span{width:135px;height:19px;background:url('assets/invalidLoginToast.png') center/135px 19px no-repeat;font-size:0}
.overlay.limit #modal-close{font-size:0}.overlay.limit #modal-close::before{content:'';width:25px;height:21px;background:url('assets/okLabel.png') center/25px 21px no-repeat}

.otp-page .otp-submit{top:406px}

/* State-specific geometry measured from the supplied 750 × 1624 references. */
.email-page.has-error .field-row{left:24px;width:327px}.email-page.has-error .field-label{left:24px}
.email-page.has-error .primary{top:334px}.email-page.has-error .terms{top:406px}
.mobile-page .error:not(:empty){left:20px;top:265px;width:155px;height:17px;background:url('assets/mobileErrorLine.png') center/155px 17px no-repeat}
.email-page .error:not(:empty){left:24px;top:265px;width:150px;height:29px;background:url('assets/emailErrorLine.png') center/150px 29px no-repeat}
.mobile-page .error>*,.email-page .error>*{opacity:0}
.toast.invalid-code-toast{width:152px;height:44px;min-height:44px;padding:0;background:url('assets/codeToast.png') center/152px 44px no-repeat;overflow:hidden}
.toast.invalid-login-toast{width:206px;height:44px;min-height:44px;padding:0;background:url('assets/loginToast.png') center/206px 44px no-repeat;overflow:hidden}
.toast.invalid-code-toast>*,.toast.invalid-login-toast>*{opacity:0}
.otp-page.email-otp .field-label{left:24px}
.otp-page.email-otp .otp-wrap{left:24px;width:327px}

/* Success message shares the reference dialog icon, title and spacing. */
.page.success{background:#fff;gap:0}
.page.success .success-mark{flex:0 0 60px;width:60px;height:60px;margin:0 0 30px}
.page.success h2{position:static;left:auto;top:auto;width:335px;height:auto;margin:0 0 16px;background:none;color:var(--secondary);font-size:20px;font-weight:700;line-height:24px;letter-spacing:-.2px;text-align:center}
.page.success p{margin:0;color:var(--tertiary);font-size:16px;line-height:19px;letter-spacing:-.16px}
.page.success .primary{margin-top:30px}

@media(max-width:420px){nav{display:grid;grid-template-columns:1fr 1fr;width:100%}nav button{white-space:normal;min-height:36px;padding:8px 6px}header{margin:0 18px}.header-right{letter-spacing:.4px}}
.carrier{background:none;font-size:11px;line-height:24px;color:#858193;text-align:center}