pages/index.js

@@ -59,15 +59,9 @@ export default function Home() {
   return (
     <div className="min-h-screen" style={{ backgroundColor: 'var(--bg-primary)' }}>
       <nav
-        className="border-b"
+        className="page-header-glass border-b"
         style={{
-          background: 'var(--glass-surface-mid)',
-          backdropFilter:
-            'blur(var(--glass-blur-mid)) saturate(var(--glass-saturate))',
-          WebkitBackdropFilter:
-            'blur(var(--glass-blur-mid)) saturate(var(--glass-saturate))',
           borderColor: 'var(--border)',
-          boxShadow: 'inset 0 1px 0 var(--rim-light-inner)',
         }}
       >
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">