@layer components{.ks-forgot-form{flex-direction:column;gap:.75rem;display:flex}.ks-forgot-steps{justify-content:center;align-items:center;gap:.5rem;display:flex}.ks-forgot-step-dot{border-radius:var(--radius-pill);background-color:var(--color-border-2);width:.375rem;height:.375rem;transition:all var(--dur-fast)}.ks-forgot-step-dot.is-active{background-color:var(--color-primary);width:1.5rem}.ks-forgot-step-dot.is-done{background-color:var(--color-primary)}.ks-forgot-error{background-color:var(--color-danger-soft);color:var(--color-danger);border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem}.ks-forgot-info{background-color:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem}.ks-forgot-back-btn{text-align:center;color:var(--color-text-3);transition:color var(--dur-fast);margin-top:.25rem;font-size:.75rem;font-weight:500}.ks-forgot-back-btn:hover{color:var(--color-primary)}}
@layer components{.ks-forgot-step-form{flex-direction:column;gap:.75rem;display:flex}.ks-forgot-step-hint{color:var(--color-text-3);font-size:.875rem}.ks-forgot-step-field{flex-direction:column;gap:.25rem;display:flex}.ks-forgot-step-field-label{color:var(--color-text-2);font-size:.75rem;font-weight:500}.ks-forgot-step-btn{border-radius:var(--radius-pill);background-color:var(--color-primary);color:#fff;width:100%;height:3rem;transition:background-color var(--dur-fast);font-weight:600}.ks-forgot-step-btn:hover{background-color:var(--color-primary-dark)}.ks-forgot-step-btn:disabled{opacity:.6}.ks-forgot-resend-btn{text-align:center;color:var(--color-primary);font-size:.75rem;font-weight:500}.ks-forgot-resend-btn:hover{text-decoration:underline}.ks-forgot-resend-btn:disabled{color:var(--color-text-3);text-decoration:none}.ks-forgot-otp-grid{justify-content:center;gap:.5rem;display:flex}.ks-forgot-otp-input{border:1px solid var(--color-border-2);text-align:center;width:2.75rem;height:3rem;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);background-color:var(--color-surface);color:var(--color-text);border-radius:.75rem;outline:none;font-size:1.125rem;font-weight:700}.ks-forgot-otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 20%, transparent)}}