diff --git a/css/style.css b/css/style.css
index cac81db..77c922c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -60,23 +60,30 @@ header .container {
    NAVIGATION
 ========================= */
 
-nav ul {
+nav {
     display: flex;
-    list-style: none;
-    gap: 25px;
+    justify-content: center;
+    gap: 20px;
+    padding: 20px;
+    background-color: #f5f5f5;
 }
 
 nav a {
     text-decoration: none;
-    color: white;
+    padding: 10px 18px;
+    border-radius: 8px;
+    background-color: #ffffff;
+    color: #333;
     font-weight: 500;
-    transition: 0.3s ease;
+    transition: 0.3s;
+    border: 1px solid #ddd;
 }
 
 nav a:hover {
-    color: #60a5fa;
+    background-color: #333;
+    color: white;
+    transform: translateY(-2px);
 }
-
 /* =========================
    HERO SECTION
 ========================= */