.user-new-stage{display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:20px}.user-new-card{width:100%;max-width:500px;background:#fff;border-radius:16px;padding:32px 24px;position:relative}.user-new-title{margin:0 0 32px;text-align:center;font-size:18px;font-weight:500;color:var(--text-headings);line-height:var(--line-height-body-lg)}.user-new-title.mr{margin:0}.user-new-desc{text-align:center;line-height:20px;max-width:320px;margin:0 auto 32px}.user-new-field{display:flex;align-items:center;height:40px;border:1px solid #d0d1d4;border-radius:6px;overflow:hidden;transition:border-color .2s,background .2s;width:328px;margin:0 auto}.user-new-field:focus-within{border-color:#0058a9}.user-new-field.is-error{border-color:#ef4444;background:#fff5f5}.user-new-field-icon{display:inline-flex;align-items:center;height:100%;background:#f5f5f5;width:48px;justify-content:center}.user-new-field-icon svg{width:24px;height:24px}.user-new-field input{flex:1;border:0;outline:none;padding:0 8px}.user-new-otp{overflow:hidden;display:flex;align-items:center;gap:6px;height:40px;border-radius:8px;border:1px solid #d0d1d4;transition:border-color .2s,background .2s;width:328px;margin:0 auto}.user-new-otp.is-error{border-color:#ef4444;background:var(--surface-error)}.user-new-otp.is-disabled{background:#f3f4f6;border-color:#d9dde3;cursor:not-allowed;opacity:.7}.user-new-otp.is-disabled .user-new-otp-box{color:#9ca3af;border-bottom-color:transparent}.user-new-otp-boxes{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.user-new-otp-box{width:24px;height:28px;text-align:center;font-size:16px;font-weight:500;color:var(--text-headings);border:0;border-bottom:1px solid #d0d1d4;outline:none;transition:border-color .2s;-moz-appearance:textfield;background:transparent}.user-new-otp-box::-webkit-inner-spin-button,.user-new-otp-box::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.user-new-otp-box:focus{border-bottom-color:#0058a9}.user-new-otp.is-error .user-new-otp-box{border-bottom-color:#ef4444}.user-new-otp-box--gap{margin-left:12px;position:relative}.user-new-otp-box--gap:before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:1px;background:#d0d1d4}.user-new-error{font-size:12px;line-height:var(--line-height-body-sm);color:var(--text-error);width:328px;margin:8px auto 0}.user-new-error--block{color:#ef4444;font-weight:500}.user-new-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;border:0;border-radius:var(--border-radius-lg);background:var(--surface-action);color:#fff;cursor:pointer;transition:background .2s,opacity .2s;font-size:16px;line-height:var(--line-height-body-md);width:328px;margin:28px auto 0}.user-new-btn:hover:not(.is-disabled):not(.is-loading){background:#034a82}.user-new-btn.is-disabled{background:#a1a4aa;cursor:not-allowed}.user-new-btn.is-loading{background:var(--surface-action);opacity:.85;cursor:progress;pointer-events:none}.user-new-btn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;animation:user-new-spin .7s linear infinite;flex:0 0 auto;display:inline-block}@keyframes user-new-spin{to{transform:rotate(1turn)}}.user-new-resend{margin:12px 0 0;text-align:center;color:#737780;line-height:20px}.user-new-resend--warn{color:#ef4444}.user-new-link{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-action)}.user-new-link:hover{text-decoration:underline}.user-new-link svg{flex:0 0 auto}.user-new-link.is-loading{pointer-events:none;opacity:.7;cursor:progress}.user-new-link-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,88,169,.25);border-top:2px solid var(--text-action,#0058a9);animation:user-new-spin .7s linear infinite;flex:0 0 auto;display:inline-block}.user-new-change-phone{display:block;margin:32px auto 0;cursor:pointer;color:var(--text-action,#0058a9);font-size:var(--fontsize-body-md,16px);line-height:var(--line-height-body-md,24px)}.user-new-change-phone:hover{text-decoration:underline}.user-new-google{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;cursor:pointer;transition:all .2s}.user-new-google:hover{opacity:.9}.user-new-google svg{flex:0 0 auto}.user-new-success{text-align:center;padding:16px 0}.user-new-success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ecfdf5;color:#10b981;margin:0 auto 12px}.user-new-success h3{margin:0 0 6px;font-size:16px;font-weight:600;color:#1f2937}.user-new-success p{margin:0;font-size:13px;color:#6b7280}.is-error input{background:#fff5f5}@media screen and (max-width:400px){.user-new-stage{padding:8px 0}.user-new-card{border-radius:0}.user-new-btn,.user-new-field{max-width:328px;width:100%}}