I'll recreate this beautiful login interface from your Figma design. The design features a split-screen layout with a decorative blue gradient panel on the left and a clean login form on the right.

I've recreated your Figma design as a fully responsive React component with the following features:

Key Features:

• Split-screen layout that adapts to mobile (stacked) and desktop (side-by-side)
• Animated blue gradient background with geometric patterns and grid overlay
• Custom input styling with left blue borders matching the design
• Responsive typography that scales appropriately
• Form validation and state management
• Hover effects and smooth transitions

Responsive Design:

• Mobile: Panels stack vertically for better mobile experience
• Desktop: Side-by-side layout as shown in the design
• Flexible sizing with proper spacing on all screen sizes

Design Elements Recreated:

• Blue gradient background with geometric circles and patterns
• Grid overlay pattern
• Custom input fields with blue left borders
• Rounded login button
• Proper typography hierarchy
• Color scheme matching the original design

The component uses modern React patterns with hooks for state management and includes proper accessibility features like labels and form validation.