Create a dual email-change verification flow with Tailwind CSS. Show old and new email addresses as two numbered steps, each with a six-digit code input, verification badge, and resend control. A progress line should connect the steps and the final Update email button should remain disabled until both codes are verified. Add JavaScript that formats numeric codes, verifies the demo codes 142857 and 620319 independently, updates the step states, runs a 20-second resend countdown per address, and announces when the email change is ready to submit.
Create a dual email-change verification flow with Tailwind CSS. Show old and new email addresses as two numbered steps, each with a six-digit code input, verification badge, and resend control. A progress line should connect the steps and the final Update email button should remain disabled until both codes are verified. Add JavaScript that formats numeric codes, verifies the demo codes 142857 and 620319 independently, updates the step states, runs a 20-second resend countdown per address, and announces when the email change is ready to submit.
Create a dual email-change verification flow with Tailwind CSS. Show old and new email addresses as two numbered steps, each with a six-digit code input, verification badge, and resend control. A progress line should connect the steps and the final Update email button should remain disabled until both codes are verified. Add JavaScript that formats numeric codes, verifies the demo codes 142857 and 620319 independently, updates the step states, runs a 20-second resend countdown per address, and announces when the email change is ready to submit.