feat: Convert navigation bar to dark theme with steady appearance

Navigation Bar Dark Theme:
- Change background from light (rgba(255,255,255,0.85)) to dark (rgba(15,20,25,0.95))
- Update scrolled state to darker background (rgba(15,20,25,0.98))
- Change border-bottom to use primary color with transparency (rgba(102,126,234,0.2))
- Increase box-shadow darkness for better contrast
- Update hover text color to use --primary-light for better visibility

Steady Navigation Elements:
- Remove scale transform from nav-brand hover
- Remove translateY transform from nav-link hover
- Remove translateY transform from cta-button hover
- All navigation elements now remain steady on hover

Result: Dark, professional navigation bar matching the website theme with no animation movement

Author: danribes

css/style.css

@@ -244,18 +244,19 @@ ul {
     top: 0;
     left: 0;
     right: 0;
-    background: rgba(255, 255, 255, 0.85);
+    background: rgba(15, 20, 25, 0.95);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
-    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
-    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
+    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
     z-index: 1000;
     transition: all var(--transition-normal);
 }
 
 .navbar.scrolled {
-    background: rgba(255, 255, 255, 0.95);
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+    background: rgba(15, 20, 25, 0.98);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+    border-bottom: 1px solid rgba(102, 126, 234, 0.3);
 }
 
 .navbar .container {
@@ -277,7 +278,7 @@ ul {
 }
 
 .nav-brand a:hover {
-    transform: scale(1.05);
+    /* Removed transform for steady appearance */
 }
 
 .nav-menu {
@@ -295,8 +296,8 @@ ul {
 }
 
 .nav-link:hover {
-    color: var(--primary-color);
-    transform: translateY(-2px);
+    color: var(--primary-light);
+    /* Removed transform for steady appearance */
 }
 
 .nav-link::after {
@@ -324,7 +325,7 @@ ul {
 
 .nav-link.cta-button:hover {
     box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
-    transform: translateY(-2px);
+    /* Removed transform for steady appearance */
 }
 
 .nav-link.cta-button::after {