Beautiful and creative login page

Prompt

Design a website signup and login page with a space theme. This page should have the following features: 1. Overall Appearance: * Theme: Space, inspired by stars, galaxies, and nebulae. * Background: A dynamic background using luminous particles (stars and small galaxies) that move slowly across the page. A portion of these particles should react to mouse movement and shift in the direction of the mouse. * Layout: The page should have two tabs: "Sign Up" and "Login." Each tab should contain its corresponding form. The active tab should be clearly indicated. * Responsive Design: The page should display well on various screen sizes (mobile, tablet, desktop). 2. Tabs and Forms: * "Sign Up" Tab: * Input fields: Username, Email, Password, Confirm Password. * A "Sign Up" button with a beautiful and attractive design. * Client-side validation for all fields (at least check for required fields and correct email format). * "Login" Tab: * Input fields: Username/Email, Password. * A "Login" button with a beautiful and attractive design. * A small "Forgot Password" link. * Tab Transitions: Smooth and beautiful animations when switching between tabs. 3. Visual Elements: * Buttons: * Button designs should match the space theme (e.g., rounded edges, metallic or neon colors). * Attractive hover effects (color change, shadow, animation). * Input Fields: * Beautiful design with appropriate font matching the space theme. * Placeholders should be included. * Field borders should change color or shadow on focus. * Fonts: Use modern and readable fonts that fit the space theme. * Colors: Use a color palette appropriate for the space theme (dark colors, purple, blue, silver, gold, neon). 4. Animations: * Background Movement: The luminous background particles should move continuously and slowly, and a portion should respond to mouse movement. * Tab Transitions: Smooth and fluid animation when switching tabs. * Effects: Use subtle animations on hover for buttons and input fields. 5. Technologies: * HTML5: For structuring the page. * CSS3: For styling and animations. * JavaScript: For managing background movement, responding to mouse movement, managing tabs, and client-side validation. Expected Output: * Separate and readable HTML, CSS, and JavaScript code. * A fully functional web page with a visually appealing appearance, matching the provided descriptions. * The code should be optimized and easy to understand. Additional Notes: * If possible, use lightweight and optimized CSS or JavaScript libraries (optional). * All code should be in a single HTML file (using style and script tags).

A system prompt was added to support web rendering