diff --git a/attached_assets/image_1772297563376.png b/attached_assets/image_1772297563376.png
new file mode 100644
index 0000000..c936a4c
Binary files /dev/null and b/attached_assets/image_1772297563376.png differ
diff --git a/client/src/components/header.tsx b/client/src/components/header.tsx
index 13a53eb..7d0728c 100644
--- a/client/src/components/header.tsx
+++ b/client/src/components/header.tsx
@@ -14,14 +14,12 @@ export default function Header() {
   const [location] = useLocation();
 
   return (
-    <header className="sticky top-0 z-50 bg-card/95 backdrop-blur-md border-b border-card-border" data-testid="header">
+    <header className="sticky top-0 z-50 bg-background/95 backdrop-blur-md border-b border-card-border" data-testid="header">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex items-center justify-between gap-4 h-16">
+        <div className="flex items-center justify-between gap-4 h-20">
           <Link href="/">
             <div className="flex items-center gap-2 cursor-pointer" data-testid="link-logo">
-              <div className="h-10 w-auto flex items-center">
-                <img src={folxLogo} alt="Folx TV" className="h-10 w-auto object-contain rounded-sm" />
-              </div>
+              <img src={folxLogo} alt="Folx TV" className="h-20 w-auto object-contain" />
             </div>
           </Link>
 
diff --git a/client/src/index.css b/client/src/index.css
index f373eaa..9c68a05 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -93,35 +93,35 @@
   --opaque-button-border-intensity: 9;
   --elevate-1: rgba(255,255,255, .04);
   --elevate-2: rgba(255,255,255, .09);
-  --background: 20 14% 4%;
-  --foreground: 45 25% 91%;
-  --border: 20 14% 15%;
-  --card: 20 14% 8%;
-  --card-foreground: 45 25% 85%;
-  --card-border: 20 14% 12%;
-  --sidebar: 20 14% 8%;
-  --sidebar-foreground: 45 25% 85%;
-  --sidebar-border: 20 14% 15%;
-  --sidebar-primary: 9 75% 61%;
+  --background: 0 0% 5%;
+  --foreground: 0 0% 95%;
+  --border: 0 0% 15%;
+  --card: 0 0% 9%;
+  --card-foreground: 0 0% 92%;
+  --card-border: 0 0% 14%;
+  --sidebar: 0 0% 9%;
+  --sidebar-foreground: 0 0% 92%;
+  --sidebar-border: 0 0% 15%;
+  --sidebar-primary: 356 85% 48%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 25 45% 20%;
-  --sidebar-accent-foreground: 45 25% 85%;
-  --sidebar-ring: 9 75% 61%;
-  --popover: 20 14% 10%;
-  --popover-foreground: 45 25% 91%;
-  --popover-border: 20 14% 16%;
-  --primary: 9 75% 61%;
+  --sidebar-accent: 0 0% 16%;
+  --sidebar-accent-foreground: 0 0% 92%;
+  --sidebar-ring: 356 85% 48%;
+  --popover: 0 0% 10%;
+  --popover-foreground: 0 0% 95%;
+  --popover-border: 0 0% 16%;
+  --primary: 356 85% 48%;
   --primary-foreground: 0 0% 100%;
-  --secondary: 20 14% 15%;
-  --secondary-foreground: 45 25% 91%;
-  --muted: 20 14% 15%;
-  --muted-foreground: 45 15% 60%;
-  --accent: 25 45% 20%;
-  --accent-foreground: 45 25% 85%;
+  --secondary: 0 0% 15%;
+  --secondary-foreground: 0 0% 95%;
+  --muted: 0 0% 15%;
+  --muted-foreground: 0 0% 55%;
+  --accent: 0 0% 16%;
+  --accent-foreground: 0 0% 92%;
   --destructive: 356 91% 54%;
   --destructive-foreground: 0 0% 100%;
-  --input: 20 14% 18%;
-  --ring: 9 75% 61%;
+  --input: 0 0% 18%;
+  --ring: 356 85% 48%;
   --chart-1: 204 88% 53%;
   --chart-2: 160 100% 36%;
   --chart-3: 42 93% 56%;