From ea02762f0a33a33688b30649aca38face1b2117d Mon Sep 17 00:00:00 2001
From: SaelixCode <dev@saelix.com>
Date: Thu, 2 Jul 2026 12:19:07 -0400
Subject: [PATCH] fix: improve masthead rail glow visibility

Replaced the invisible inset box-shadow glow (10px blur inside a 3px
element) with a white overlay that pulses opacity 0.15-0.55 over 4s.
Sped up glow animation from 5.5s to 4s for a more noticeable breath.
---
 frontend/src/components/ui/MastheadRail.tsx | 2 +-
 frontend/src/index.css                      | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ui/MastheadRail.tsx b/frontend/src/components/ui/MastheadRail.tsx
index b825b018..50e233ba 100644
--- a/frontend/src/components/ui/MastheadRail.tsx
+++ b/frontend/src/components/ui/MastheadRail.tsx
@@ -16,7 +16,7 @@ export function MastheadRail({ variant, className }: MastheadRailProps) {
             {variant === 'shimmer' ? (
                 <div className="masthead-rail-shimmer absolute inset-x-0 h-1/3 bg-gradient-to-b from-transparent via-white/50 to-transparent" />
             ) : (
-                <div className="masthead-rail-glow absolute inset-0" />
+                <div className="masthead-rail-glow absolute inset-0 bg-white/20" />
             )}
         </div>
     );
diff --git a/frontend/src/index.css b/frontend/src/index.css
index c7bbe578..1a81c3e5 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -717,8 +717,8 @@ body {
   100% { transform: translateY(200%); }
 }
 @keyframes masthead-rail-glow {
-  0%, 100% { opacity: 0.55; box-shadow: inset 0 0 0 0 transparent; }
-  50%      { opacity: 1; box-shadow: inset 0 0 10px 0 oklch(1 0 0 / 0.12); }
+  0%, 100% { opacity: 0.15; }
+  50%      { opacity: 0.55; }
 }
 
 /* ─────────────────────────────────────────────────────────────
@@ -746,7 +746,7 @@ body {
   animation: shimmer 5s ease-in-out infinite alternate;
 }
 .masthead-rail-glow {
-  animation: masthead-rail-glow 5.5s ease-in-out infinite alternate;
+  animation: masthead-rail-glow 4s ease-in-out infinite alternate;
 }
 
 /* Stagger delay helpers */