Interactive card details form. React+Vite

Hey

The credit card app is actually autocompleting users credit card. How can I stop this behavior in my code. autocomplete="off" does not work?

I want the footer to be at the bottom (im not using position this time). Im using flex to center everything and added flex-direction:column for vertical view but margin-top:auto on the footer pushes the main to the top. justfify-content:space-around/space-evenly is a no go.

Sorry for the ugly code, im very tired and will refactor this and fix some css problems later.

I hope you guys can help me. Thank you.