diff --git a/style.css b/style.css
index 9b28195..b27a2f1 100644
--- a/style.css
+++ b/style.css
@@ -87,7 +87,7 @@ nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 20px 40px;
+  padding: 10px 70px;
   background: var(--nav-bg);
   backdrop-filter: blur(8px);
   z-index: 100;
@@ -114,7 +114,7 @@ nav::after {
 }
 
 .nav-logo {
-  font-size: 2rem;
+  font-size: 1.7rem;
   text-decoration: none;
   color: inherit;
   transition: color 0.2s;
@@ -124,7 +124,7 @@ nav::after {
 }
 
 .nav-logo-img {
-  height: 6rem;
+  height: 4.8rem;
   width: auto;
 }
 
@@ -143,7 +143,7 @@ nav::after {
 [data-theme="dark"] .nav-logo-dark {
   display: inline;
   filter: invert(1);
-  height: 6rem;
+  height: 4.8rem;
   margin-right: -1rem;
 }
 
@@ -154,16 +154,16 @@ nav::after {
 .nav-right {
   display: flex;
   align-items: center;
-  gap: 40px;
+  gap: 28px;
 }
 
 .nav-links {
   display: flex;
-  gap: 40px;
+  gap: 28px;
 }
 
 .nav-links a {
-  font-size: 1.05rem;
+  font-size: 0.98rem;
   color: var(--text-muted);
   text-decoration: none;
   transition: color 0.2s, transform 0.2s, filter 0.2s;
@@ -181,8 +181,8 @@ nav::after {
   background: transparent;
   color: var(--accent);
   text-decoration: none;
-  font-size: 1rem;
-  padding: 12px 22px;
+  font-size: 0.92rem;
+  padding: 10px 18px;
   border-radius: 100px;
   border: 2px solid var(--accent);
   transition: color 0.4s ease, border-radius 0.4s ease, background-color 0.4s ease, transform 0.2s, filter 0.2s;
@@ -220,8 +220,8 @@ nav::after {
   background: none;
   border: 1px solid var(--border-color);
   border-radius: 50%;
-  width: 46px;
-  height: 46px;
+  width: 40px;
+  height: 40px;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -240,8 +240,8 @@ nav::after {
 }
 
 .theme-toggle svg {
-  width: 22px;
-  height: 22px;
+  width: 19px;
+  height: 19px;
   transition: opacity 0.2s, transform 0.3s;
 }
 
@@ -885,9 +885,47 @@ footer::before {
 
 
 @media (max-width: 768px) {
+  nav {
+    padding: 12px 20px;
+  }
+
+  .nav-logo {
+    font-size: 1.65rem;
+    gap: 0.25rem;
+  }
+
+  .nav-logo-img {
+    height: 4rem;
+  }
+
+  [data-theme="dark"] .nav-logo-dark {
+    height: 4rem;
+  }
+
+  .nav-right {
+    gap: 16px;
+  }
+
   .nav-links {
     display: none;
   }
+
+  .contact-btn {
+    font-size: 0.96rem;
+    padding: 10px 16px;
+    white-space: nowrap;
+  }
+
+  .theme-toggle {
+    width: 44px;
+    height: 44px;
+  }
+
+  .theme-toggle svg {
+    width: 21px;
+    height: 21px;
+  }
+
   .hero h1 {
     font-size: 3rem;
   }
@@ -916,6 +954,34 @@ footer::before {
   }
 }
 
+@media (max-width: 520px) {
+  nav {
+    padding: 10px 16px;
+  }
+
+  .nav-logo {
+    font-size: 1.48rem;
+  }
+
+  .nav-logo-img {
+    height: 3.4rem;
+    margin-right: -0.4rem;
+  }
+
+  [data-theme="dark"] .nav-logo-dark {
+    height: 3.4rem;
+    margin-right: -0.4rem;
+  }
+
+  .contact-btn {
+    display: none;
+  }
+
+  .nav-right {
+    gap: 12px;
+  }
+}
+
 
 /* ── Torch / cursor spotlight ── */
 .torch-overlay {