Auth Form - Copy this React, Tailwind Component to your project
Design-a-modern,-sleek-Login-and-Sign-Up-user-interface-using-React.-The-UI-should-incorporate-the-following-elements:-Background:-A-charcoal-black-(#1C1C1E)-gradient-with-a-subtle-vignette-effect-for-depth.-Primary-Colors:-Neon-blue-(#3A84F7)-for-the-primary-buttons-and-interactive-elements.-Electric-purple-(#8F43EE)-for-hover-states-or-secondary-call-to-action-buttons.-Typography:-Use-Inter-or-Roboto-as-the-font,-with-white-gray-(#E5E5E5)-for-the-main-text-and-medium-gray-(#A6A6A6)-for-placeholders-or-secondary-text.-Input-Fields:-Rounded-edges-(border-radius:-8px),-filled-with-dark-gray-(#2A2A2C)-and-bordered-with-light-gray-(#3E3E40).-Focus/active-state:-Neon-blue-glow-effect-around-the-field.-Buttons:-Primary-button:-Neon-blue-(#3A84F7)-with-subtle-glow.-Secondary-button:-Electric-purple-(#8F43EE)-for-options-like-"Forgot-Password."-Effects:-Add-soft-neon-glow-for-hover-states.-Use-subtle-animations-for-transitions-(e.g.,-buttons-expanding-slightly-when-hovered).-Additional-Features:-Include-icons-for-social-logins-(e.g.,-Google,-GitHub),-styled-with-a-monochrome-theme-and-hover-glow.-Responsive-design-for-desktop-and-mobile.-Footer-Text:-Place-a-small-text-link-below-the-form-("Don’t-have-an-account?-Sign-up-here.")-in-medium-gray-(#A6A6A6),-with-a-hover-effect-changing-to-neon-blue.
