Event Athlon Registration Form - Copy this Html, Tailwind Component to your project

EventAthlon is a platform designed to connect participants and organizers for sports events. Registration Page Purpose: Allow users to create accounts as participants or organizers. User Goals: Fill in details accurately. Understand role specific registration. Components: Form Fields: Name, email, password, confirm password, and role (participant/organizer). Password strength indicator. Submit Button: Primary color with hover/disabled states. Form Validation Messages: Required field errors (font size: 12px, red text). Form Validation Rules: Email: Must include @ and .com. Password: Minimum 8 characters, must include a symbol. Role selection: Mandatory. User Interaction Flow: Fill in fields. Click "Submit". See validation errors (if any). Successful submission redirects to a dashboard. Error States: Display error messages below invalid fields. Show a toast message for system errors (e.g., "Server not responding").