Payment Checkout Page (#dailyui #002)

Just finished my design for #dailyui #002
Designed on: Figma
Fonts Used: Lato, Inconsolata

I got an idea, what if we could use credit card itself as the text fields and fill up credit card details there itself. So, made light and dark mode of the same app and shown different states involved in filling up the details.
The checkmark border turns green when cursor is on specific field, and checkmark appears when a field is completed successfully.