verify code

A one-time code card on a dark stage: black glass with a thin light running along its border, "Verify it’s you · code sent to •••• 41", six code cells split three and three by a dash, and a bar with a lock, "Security check" over a live "Code expires in 0:59" countdown, Resend and a dim Verify. A ~10.6-second story plays once on load, driven by a scripted cursor. The card rises in out of a blur under a soft blue light. The cursor taps the first cell, which lights up blue with a blinking caret, and a glass "From Messages 482 913" suggestion pops up under the cells; tapped, it dips and lifts away, and the code drops into the cells one digit at a time, each rising out of a blur as the blue light moves along. Verify wakes up and is pressed: a light sweeps through every cell, clipped inside its rounded corners, twice, and on the second pass each cell turns green. Then the cells collapse from the middle out into "Verified" with a green ring and a check that draw themselves, Verify slides away for Done, the countdown becomes "Session secured", a light runs once round the border and a sheen crosses the card. Everything is HTML, CSS and inline SVG, moved by short tweens, CSS transitions and the Web Animations API; the code, the copy and the colours are a few constants to change. The square stage scales to fit any window and its glow runs on past it; window.__SP sets the speed, and reduced motion shows the filled-in card still.