Login and Authentication Screen

This prompt includes design specs extracted from this screen.

Convert this HTML into a Flutter UI screen. First, create reusable components/widgets for the header, content, form group, input wrapper, label, input field, password wrapper, toggle password, forgot pass, btn primary, divider, social login, social btn, footer text, and link text. Make the screen responsive by using Flutter's built-in responsive design features. Extracted design specs: - Primary color: #23a86a - Secondary color: #f0fdf4 - Accent color: #ff8a3c - Destructive color: #e8504f - Warning color: #ffc857 - Background color: #ffffff - Foreground color: #1f2937 - Muted color: #f9fafb - Border color: #e5e7eb - Input color: #f3f4f6 - Card color: #ffffff - Font family: Inter - Font size: 15px - Border radius: 16px - Padding: 12px 16px - Shadows: None - Gradients: None [PASTE YOUR HTML CODE BELOW]

Open Cursor in your Flutter project. Paste the prompt, then paste your HTML below the [PASTE YOUR HTML CODE BELOW] line.

Cursor will generate Flutter UI to match this design.