All solutions

Any feedback will be appreciated. Also I would love to hear your way of placing the main background shape so that the edge rounding is not distorted.

Because I used Tailwind, I tried to minimize arbitrary values and use it's predefined values. So expect the accuracy will range in several pixels to the original design. Any feedback will be appreciated!

I'd love to hear the method you used to make accordion work in JS. I think I made it fairly simple, but there will sure be better ways. Happy Coding!

Added the extra functionality - the buttons have two different color mode depending on if all the inputs are filled out or not :)

I'd love to hear how did you make the little labels on top of each card. Some people used just another card underneath, but if you look closely, there is some form of mask or clipping going on.

Hi everyone! Setting background images exactly as it was in the design was a bit challenging for me and I'd like to hear from you about your approaches to it. Keep in mind that those gradient circles are getting around 2/3 in size on mobile and keeping the exact distance from the card. Happy coding :)

Feel free to give feedback. I welcome the harshest ones :)