.su-page{--su-card-bg:var(--dz-bg-primary);--su-card-border:var(--dz-border-subtle);--su-card-shadow:0 8px 40px #00000014;--su-brand-bg:var(--dz-bg-page);--su-brand-text:var(--dz-text-primary);--su-brand-muted:var(--dz-text-secondary);--su-brand-faint:var(--dz-text-tertiary);--su-form-bg:var(--dz-bg-primary);--su-text:var(--dz-text-primary);--su-text-muted:var(--dz-text-secondary);--su-text-faint:var(--dz-text-tertiary);--su-input-bg:var(--dz-bg-secondary);--su-input-border:var(--dz-border);--su-input-border-focus:var(--dz-border-hover);--su-input-focus-ring:#0000000a;--su-input-text:var(--dz-text-primary);--su-input-placeholder:var(--dz-text-muted);--su-toggle-bg:var(--dz-bg-secondary);--su-toggle-active-bg:var(--dz-bg-tertiary);--su-toggle-text:var(--dz-text-muted);--su-toggle-active-text:var(--dz-text-primary);--su-btn-bg:var(--dz-text-primary);--su-btn-text:var(--dz-bg-page);--su-divider:var(--dz-border-subtle)}:root.dark .su-page,[data-theme=dark] .su-page{--su-card-shadow:0 0 0 1px #ffffff08, 0 8px 40px #00000080;--su-input-focus-ring:#ffffff0d}.su-page{justify-content:center;align-items:center;min-height:100vh;padding:5rem 1.5rem 3rem;display:flex}.su-card{border:1px solid var(--su-card-border);background:var(--su-card-bg);width:100%;max-width:56rem;min-height:34rem;box-shadow:var(--su-card-shadow);border-radius:16px;grid-template-columns:1fr 1fr;display:grid;overflow:visible}.su-brand{background:var(--su-brand-bg);color:var(--su-brand-text);border-radius:15px 0 0 15px;flex-direction:column;padding:2.5rem;display:flex}.su-brand-top{align-items:center;gap:.45rem;margin-bottom:3rem;display:flex}.su-brand-logo{width:auto;height:20px}:root.dark .su-brand-logo,[data-theme=dark] .su-brand-logo{filter:invert()}.su-brand-body{flex:1}.su-brand-heading{letter-spacing:-.025em;margin:0 0 2rem;font-size:1.6rem;font-weight:800;line-height:1.2}.su-brand-heading-sub{color:var(--su-brand-muted);letter-spacing:-.01em;margin-top:.5rem;font-size:.95rem;font-weight:500;line-height:1.4;display:block}.su-brand-features{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.su-brand-features li{color:var(--su-brand-muted);align-items:center;gap:.6rem;font-size:.875rem;display:flex}.su-brand-features svg{color:var(--su-brand-text);opacity:.7;flex-shrink:0}.su-brand-footer{color:var(--su-brand-faint);margin:0;padding-top:2rem;font-size:.7rem}.su-form-panel{background:var(--su-form-bg);border-left:1px solid var(--su-divider);border-radius:0 15px 15px 0;flex-direction:column;padding:2.5rem;display:flex;overflow:visible}.su-clerk-container{flex:1;align-items:flex-start;display:flex;overflow:visible}.su-clerk-container .cl-rootBox,.su-clerk-container .cl-card,.su-clerk-container .cl-cardBox{width:100%}.su-mode-toggle{background:var(--su-toggle-bg);border-radius:10px;margin-bottom:1.5rem;padding:3px;display:flex}.su-mode-toggle button{color:var(--su-toggle-text);font-family:var(--brand-font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.su-mode-toggle button.active{background:var(--su-toggle-active-bg);color:var(--su-toggle-active-text);box-shadow:var(--dz-shadow-sm)}.su-mode-toggle button:not(.active):hover{color:var(--su-text-muted)}.su-form-header{margin-bottom:1.5rem}.su-title{letter-spacing:-.02em;color:var(--su-text);margin:0 0 .35rem;font-size:1.5rem;font-weight:800}.su-subtitle{color:var(--su-text-muted);margin:0;font-size:.875rem}.su-steps{align-items:center;gap:.75rem;margin-bottom:1.75rem;display:flex}.su-step{color:var(--su-text-faint);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;transition:color .2s;display:flex}.su-step.active{color:var(--su-text)}.su-step-num{border:1.5px solid var(--su-input-border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.su-step.active .su-step-num{background:var(--su-btn-bg);color:var(--su-btn-text);border-color:var(--su-btn-bg)}.su-step-line{background:var(--su-divider);width:2.5rem;height:1px}.su-form{flex-direction:column;flex:1;gap:1rem;display:flex}.su-field{flex-direction:column;gap:.3rem;display:flex}.su-field label{color:var(--su-text-muted);font-size:.8rem;font-weight:600}.su-field input,.su-field select{border:1px solid var(--su-input-border);background:var(--su-input-bg);color:var(--su-input-text);font-family:var(--brand-font-sans);border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.su-field input:focus,.su-field select:focus{border-color:var(--su-input-border-focus);box-shadow:0 0 0 3px var(--su-input-focus-ring)}.su-field input::placeholder{color:var(--su-input-placeholder)}.su-submit-btn{background:var(--su-btn-bg);width:100%;color:var(--su-btn-text);font-family:var(--brand-font-sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;padding:.7rem 1.5rem;font-size:.9375rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex}.su-submit-btn:hover{opacity:.85;transform:translateY(-1px)}.su-back-btn{border:1px solid var(--su-input-border);color:var(--su-text-muted);font-family:var(--brand-font-sans);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.35rem;padding:.7rem 1.2rem;font-size:.9375rem;font-weight:500;transition:all .15s;display:flex}.su-back-btn:hover{border-color:var(--su-input-border-focus);color:var(--su-text)}.su-form-actions{gap:.75rem;margin-top:.25rem;display:flex}.su-legal{color:var(--su-text-muted);text-align:center;margin:.5rem 0 0;font-size:.7rem;line-height:1.5}.su-legal a{color:var(--su-text-muted);text-underline-offset:2px;text-decoration:underline}.su-legal a:hover{color:var(--su-text)}.su-signin-link{color:var(--su-text-muted);text-align:center;margin-top:auto;padding-top:1rem;font-size:.8125rem}.su-signin-link a{color:var(--su-text);font-weight:600;text-decoration:none}.su-signin-link a:hover{text-decoration:underline}.su-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 0;display:flex}.su-done-icon{color:#22c55e;margin-bottom:1rem}.su-done p{color:var(--su-text-muted);font-size:.9rem}.su-clerk-container .cl-internal-b3fm6y,.su-clerk-container .cl-main,.su-clerk-container .cl-card,.su-clerk-container .cl-cardBox,.su-clerk-container [class*=cl-internal]{box-shadow:none!important;background-color:#0000!important;overflow:visible!important}.su-clerk-container .cl-header,.su-clerk-container .cl-logoBox,.su-clerk-container .cl-logoImage{display:none!important}.su-clerk-container .cl-socialButtonsProviderIcon,.su-clerk-container .cl-socialButtonsProviderIcon__google{visibility:visible!important;align-items:center!important;display:inline-flex!important}.su-clerk-container .cl-socialButtonsProviderIcon img,.su-clerk-container .cl-socialButtonsProviderIcon svg{visibility:visible!important;max-height:20px!important;display:block!important}.su-clerk-container .cl-socialButtonsBlockButton{position:relative;background:var(--su-input-bg)!important;border:1px solid var(--su-input-border)!important;color:var(--su-text)!important;border-radius:10px!important;overflow:visible!important}.su-clerk-container .cl-socialButtons,.su-clerk-container .cl-socialButtonsBlock,.su-clerk-container .cl-socialButtonsBlockButtonArrow,.su-clerk-container .cl-socialButtonsProviderIcon__google{overflow:visible!important}.su-clerk-container .cl-socialButtonsBlockButton:hover{background:var(--dz-bg-tertiary)!important}.su-clerk-container .cl-socialButtonsBlockButtonText{color:var(--su-text)!important}.su-clerk-container .cl-badge{letter-spacing:.04em!important;font-size:.625rem!important;font-weight:600!important;line-height:1.4!important;font-family:var(--brand-font-sans)!important;color:#0000008c!important;white-space:nowrap!important;pointer-events:none!important;z-index:1!important;box-shadow:none!important;background:#0000000d!important;border:1px solid #0000001a!important;border-radius:6px!important;padding:2px 8px!important;position:absolute!important;top:-9px!important;right:12px!important}:root.dark .su-clerk-container .cl-badge,[data-theme=dark] .su-clerk-container .cl-badge{color:#fff9!important;background:#ffffff14!important;border-color:#ffffff1f!important}.su-clerk-container .cl-dividerLine{background:var(--su-divider)!important}.su-clerk-container .cl-dividerText{color:var(--su-text-faint)!important}.su-clerk-container .cl-formFieldLabel{color:var(--su-text-muted)!important}.su-clerk-container .cl-formFieldInput,.su-clerk-container .cl-phoneNumberInput{background:var(--su-input-bg)!important;border-color:var(--su-input-border)!important;color:var(--su-input-text)!important}.su-clerk-container .cl-formFieldInput:focus,.su-clerk-container .cl-phoneNumberInput:focus{border-color:var(--su-input-border-focus)!important;box-shadow:0 0 0 3px var(--su-input-focus-ring)!important}.su-clerk-container .cl-formFieldInput::placeholder{color:var(--su-input-placeholder)!important}.su-clerk-container input[type=checkbox]{cursor:pointer;accent-color:var(--su-btn-bg)!important}.su-clerk-container .cl-formFieldInput[type=checkbox],.su-clerk-container .cl-checkbox{accent-color:var(--su-btn-bg)!important;border:1px solid var(--su-input-border)!important}.su-clerk-container .cl-checkbox[data-state=checked],.su-clerk-container .cl-checkbox:checked{background-color:var(--su-btn-bg)!important;border-color:var(--su-btn-bg)!important}.su-clerk-container .cl-formButtonPrimary{background:var(--su-btn-bg)!important;color:var(--su-btn-text)!important;border:none!important;border-radius:10px!important}.su-clerk-container .cl-formButtonPrimary:hover{opacity:.85!important}.su-clerk-container .cl-formFieldAction,.su-clerk-container .cl-formFieldHintText,.su-clerk-container .cl-formFieldInputShowPasswordButton,.su-clerk-container .cl-formFieldInputShowPasswordIcon{color:var(--su-text-faint)!important}.su-clerk-container .cl-identityPreview{border-color:var(--su-input-border)!important;background:var(--su-input-bg)!important}.su-clerk-container .cl-identityPreviewText{color:var(--su-text-muted)!important}.su-clerk-container .cl-identityPreviewEditButton{color:var(--su-text-faint)!important}.su-clerk-container .cl-otpCodeFieldInput{border-color:var(--su-input-border)!important;color:var(--su-input-text)!important;background:var(--su-input-bg)!important}.su-clerk-container .cl-formResendCodeLink,.su-clerk-container .cl-linkButton{color:var(--su-text-muted)!important}.su-clerk-container .cl-formResendCodeLink:hover,.su-clerk-container .cl-linkButton:hover{color:var(--su-text)!important}.su-clerk-container .cl-alert{background:var(--su-input-bg)!important;border:1px solid var(--su-input-border)!important}.su-clerk-container .cl-alert__danger{border-color:#ef44444d!important}.su-clerk-container .cl-alertText{color:var(--su-text-muted)!important}.su-clerk-container .cl-selectButton{background:var(--su-input-bg)!important;border-color:var(--su-input-border)!important;color:var(--su-text-muted)!important}.su-clerk-container .cl-selectButton__phoneCode{background:var(--su-input-bg)!important;border-color:var(--su-input-border)!important}.su-clerk-container .cl-phoneInputBox{border-color:var(--su-input-border)!important;background:var(--su-input-bg)!important}.su-clerk-container .cl-footerAction,.su-clerk-container .cl-footerActionLink{color:var(--su-text-muted)!important}.su-clerk-container .cl-footerActionLink:hover{color:var(--su-text)!important}.su-clerk-container .cl-userButtonPopoverCard,.su-clerk-container .cl-menuList{background:var(--su-card-bg)!important;border:1px solid var(--su-input-border)!important}@media (width<=768px){.su-card{grid-template-columns:1fr;max-width:28rem}.su-brand{border-radius:15px 15px 0 0;padding:2rem 2rem 1.5rem}.su-brand-body{display:none}.su-brand-footer{text-align:center;margin-top:.75rem;font-size:.7rem;display:block}.su-brand-top{margin-bottom:0}.su-brand-heading{display:none}.su-form-panel{border-left:none;border-top:1px solid var(--su-divider);border-radius:0 0 15px 15px;padding:2rem}}
