I've updated the hero section to match the new card-based design. It now features a light gradient background (#eef2f7 to #e3e9f2), a centered white card with a deep shadow, the blue title (#2b4db9), a light gray icon box (#f1f4f9), dark heading text (#1e293b), gray body text (#4b5563), and the orange CTA button with a lift-up hover effect that adds a glowing shadow. The overall style is now clean and card-focused rather than full-screen hero.

I've updated the hero section to combine the background image with a professional dark blue gradient overlay (linear-gradient(135deg, rgba(10,20,40,0.75), rgba(20,80,120,0.65))). The white card now sits on top with a stronger shadow (0 25px 60px rgba(0,0,0,0.35)) for better depth against the darker background. This creates a more polished, professional look matching the provided CSS template.