Describe the problem
The "Quick Facts About United Kingdom" section on the UK page currently uses solid dark red (maroon) cards with white text and icons. While the content is readable, the overall design looks very heavy, flat, and outdated. It lacks visual hierarchy, depth, and a premium feel, which makes it disjointed from the modern aesthetics used on the rest of the website.
Expected Behavior
The Quick Facts cards should have a modern, premium appearance similar to the ones updated on the New Zealand page (see Issue #165). They should feel lightweight, visually engaging, and consistent with the design system.
Current Behavior
- All cards use a heavy, solid dark red background (
linear-gradient or background-color).
- The design looks flat with no drop shadows.
- Lack of smooth hover animations or interactive effects.
- The overall visual presentation looks heavy and outdated.
Suggested Improvements
(To match the premium redesign from Issue #165)
- Replace the solid red background with a clean white/light background (e.g.,
var(--bg-card)).
- Add red accent elements (such as a
4px top border or red icon container) instead of a solid red block.
- Add soft, premium box shadows (
box-shadow: var(--shadow-lift)) to create depth.
- Improve icon container styling (e.g., subtle red tint background turning fully red on hover, with a scale effect).
- Add smooth hover animations (like a
translateY(-8px) lift effect).
- Ensure text and icons have proper contrast and padding.
Acceptance Criteria
##screenshot

Describe the problem
The "Quick Facts About United Kingdom" section on the UK page currently uses solid dark red (maroon) cards with white text and icons. While the content is readable, the overall design looks very heavy, flat, and outdated. It lacks visual hierarchy, depth, and a premium feel, which makes it disjointed from the modern aesthetics used on the rest of the website.
Expected Behavior
The Quick Facts cards should have a modern, premium appearance similar to the ones updated on the New Zealand page (see Issue #165). They should feel lightweight, visually engaging, and consistent with the design system.
Current Behavior
linear-gradientorbackground-color).Suggested Improvements
(To match the premium redesign from Issue #165)
var(--bg-card)).4pxtop border or red icon container) instead of a solid red block.box-shadow: var(--shadow-lift)) to create depth.translateY(-8px)lift effect).Acceptance Criteria
##screenshot