Interactive card details form with Next.js,Typescript and Tailwind

It was my first time using Tailwind, and I can't say that I really liked it. I feel like I could have spent half the time without it :D

I had trouble creating a border color gradient for inputs. To solve this, I used an inner div with a gradient background and set the padding to 1px for the inner input. However, this solution only works perfectly when the user sets the screen size to 100%. Otherwise, the 'border' appears uneven. If you have a better solution, please share!

Moving forward, I'm open to any advice or suggestions on how I can improve the project.