Enhanced Progressive Training Programs Styling

Implementation Steps

Add the CSS file to your site
- The enhanced CSS is saved in: assets/css/programs-enhanced.css
Include the CSS in your layout

Option A - Add to your main layout file (_layouts/home.html or default.html):
```
<link rel="stylesheet" href="/assets/css/programs-enhanced.css">
```
Option B - Import in your main CSS file (assets/style.css):
```
@import url('css/programs-enhanced.css');
```
Features of the Enhanced Design:
- Glassmorphic cards with backdrop blur
- Color-coded difficulty levels (Beginner: Teal, Intermediate: Gold, Advanced: Red)
- Animated gradient background
- Hover effects with scale and glow
- Arrow indicators for list items
- Difficulty badges in top-right corner
- Smooth animations and transitions
- Fully responsive design
Visual Improvements:
- Dark gradient background for better contrast
- Floating animation effect in background
- Card hover states with elevation
- Interactive list items
- Professional typography with proper spacing
- Mobile-optimized layout
Deploy the changes:
```
./deploy.sh
```

The section will now have a modern, premium look that matches the quality of your app!