Payment Method Selection UI

This prompt includes design specs extracted from this screen.

Convert this HTML into a Flutter UI screen. Create reusable components/widgets first, then make it responsive. 
   Extracted design specs:
   - Primary color: #308ce8
   - Background light color: #f6f7f8
   - Background dark color: #111921
   - Font family: Manrope
   - Font sizes:
     - h1: text-lg (16px)
     - h2: text-sm (14px)
     - body text: text-slate-900 (13px)
   - Border radius:
     - DEFAULT: 0.25rem (4px)
     - lg: 0.5rem (8px)
     - xl: 0.75rem (12px)
     - full: 9999px
   - Shadows:
     - shadow-2xl: 0px 10px 20px rgba(0, 0, 0, 0.1)
   - Gradients:
     - primary/10: linear-gradient(90deg, #308ce8 0%, #308ce8 100%)
   - Placeholders:
     - [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.