diff --git a/src/components/UserHeader.tsx b/src/components/UserHeader.tsx
index f9decbf..dff8f4e 100644
--- a/src/components/UserHeader.tsx
+++ b/src/components/UserHeader.tsx
@@ -261,13 +261,18 @@ export function UserHeader({ user, preferences }: UserHeaderProps) {
         <div className="container mx-auto px-4 py-3 sm:py-4 flex items-center justify-between relative z-50">
           <div className="flex items-center gap-4 sm:gap-8">
             <h1
-              className="text-xl sm:text-2xl font-bold cursor-pointer hover:opacity-90 transition-all duration-300 hover:scale-105"
+              className="text-2xl sm:text-3xl font-extrabold cursor-pointer transition-all duration-300 hover:scale-105 tracking-tighter"
               onClick={() => handleNavigate('/')}
               style={{
-                background: 'linear-gradient(135deg, #a78bfa 0%, #818cf8 50%, #6366f1 100%)',
+                background: theme === 'light'
+                  ? 'linear-gradient(135deg, #6366f1 0%, #4338ca 100%)'
+                  : 'linear-gradient(135deg, #c084fc 0%, #818cf8 50%, #6366f1 100%)',
                 WebkitBackgroundClip: 'text',
                 WebkitTextFillColor: 'transparent',
                 backgroundClip: 'text',
+                filter: theme === 'light'
+                  ? 'drop-shadow(0 2px 4px rgba(99, 102, 241, 0.2))'
+                  : 'drop-shadow(0 0 12px rgba(167, 139, 250, 0.4))'
               }}
             >
               QuitTraq