diff --git a/static/css/styles.css b/static/css/styles.css
index 9449fbe..6e3c5e3 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -66,45 +66,52 @@ body::after {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 12px 24px;
-    background: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(12px);
-    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 8px 16px;
+    background: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
     border-radius: 16px;
 }
 
 .navbar-logo {
     display: flex;
     align-items: center;
-    padding-right: 20px;
-    border-right: 1px solid rgba(255, 255, 255, 0.1);
+    padding: 8px 16px;
+    background: linear-gradient(135deg, #3b82f6, #2563eb);
+    border-radius: 12px;
+    margin-right: 24px;
 }
 
 .navbar-logo img {
-    height: 36px;
+    height: 32px;
     display: block;
 }
 
 .navbar-links {
     display: flex;
-    gap: 8px;
+    gap: 4px;
     align-items: center;
+    flex: 1;
+    justify-content: space-around;
 }
 
 .navbar-links a {
-    color: #d1d5db;
+    color: #9ca3af;
     text-decoration: none;
     font-family: var(--font-body);
     font-weight: 500;
     font-size: 14px;
-    padding: 8px 16px;
+    padding: 8px 20px;
     border-radius: 8px;
     transition: all 0.2s ease;
 }
 
 .navbar-links a:hover {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-links a:first-child {
+    color: #3b82f6;
 }
 
 .menu-button {