reworked site

web/style.css

@@ -77,17 +77,43 @@ header {
   align-items: center;
   gap: 10px;
   flex-wrap: wrap;
-}
-
-.site-nav .btn {
+  background: #f3f4f6;
+  padding: 6px;
   border-radius: 999px;
-  padding-inline: 20px;
 }
 
-.site-nav .btn.nav-active {
-  background: #111827;
-  color: #ffffff;
-  border-color: #111827;
+.site-nav {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  background: rgba(255, 255, 255, 0.6);
+  border-radius: 999px;
+  padding: 6px;
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(148, 163, 184, 0.25);
+}
+
+.site-nav__btn {
+  border-radius: 999px;
+  padding: 10px 18px;
+  border: none;
+  background: transparent;
+  font-weight: 600;
+  color: #0f172a;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  box-shadow: none;
+}
+
+.site-nav__btn:hover {
+  background: rgba(15, 23, 42, 0.05);
+  transform: translateY(-1px);
+}
+
+.site-nav__btn.nav-active {
+  background: linear-gradient(135deg, #2563eb, #7c3aed);
+  color: white;
+  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.35);
 }
 
 .header-controls {