diff --git a/features/landing/frontend/src/components/Header/Header.css b/features/landing/frontend/src/components/Header/Header.css index 34ad71ae7..cdd90a71b 100644 --- a/features/landing/frontend/src/components/Header/Header.css +++ b/features/landing/frontend/src/components/Header/Header.css @@ -270,14 +270,14 @@ header nav li ul, nav li ul { /* Override styled-component inline background-color */ - background-color: rgba(15, 20, 30, 0.3) !important; + background-color: rgba(15, 20, 30, 0.75) !important; /* Layered background for shimmer effect */ background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent) !important; - /* Backdrop-filter included but may not work in all browsers */ - backdrop-filter: blur(var(--glass-blur-md)) !important; - -webkit-backdrop-filter: blur(var(--glass-blur-md)) !important; + /* Strong backdrop blur for glassmorphism effect */ + backdrop-filter: blur(28px) saturate(180%) !important; + -webkit-backdrop-filter: blur(28px) saturate(180%) !important; /* Delicate glass border */ border: 1px solid rgba(255, 255, 255, 0.15) !important;