diff --git a/src/app/components/nav/Header.tsx b/src/app/components/nav/Header.tsx
index b0d67b0..2ccf732 100644
--- a/src/app/components/nav/Header.tsx
+++ b/src/app/components/nav/Header.tsx
@@ -108,9 +108,11 @@ export default function Header() {
     <header
       className="relative isolate z-10 border-b border-white/10 shadow-lg shadow-black/30 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-[radial-gradient(circle_at_20%_20%,rgba(56,124,255,0.18),transparent_55%),radial-gradient(circle_at_80%_35%,rgba(139,92,246,0.16),transparent_60%)]"
       style={{
-        background: 'linear-gradient(135deg, rgba(15,29,55,0.78) 0%, rgba(10,22,42,0.72) 50%, rgba(8,18,36,0.78) 100%)',
-        backdropFilter: 'blur(18px) saturate(170%)',
-        WebkitBackdropFilter: 'blur(18px) saturate(170%)'
+        // Opaque gradient so page background doesn't shine through
+        background: 'linear-gradient(135deg, #0F1D37 0%, #0A162A 50%, #081224 100%)',
+        // Remove blur to avoid backdrop mixing effects
+        // backdropFilter: 'blur(18px) saturate(170%)',
+        // WebkitBackdropFilter: 'blur(18px) saturate(170%)'
       }}
     >
       <nav aria-label="Global" className="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8">