diff --git a/assets/css/custom.css b/assets/css/custom.css
index 58cf62e..d464fe9 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -45,7 +45,38 @@ body {
     background: var(--bg);
 }
 
-.site-header,
+.site-header {
+    background: linear-gradient(135deg, #38a7e8 0%, #1d88d4 46%, #0e5fb5 100%) !important;
+    border-color: rgba(255, 255, 255, 0.14) !important;
+    box-shadow: 0 10px 24px rgba(14, 95, 181, 0.18);
+    backdrop-filter: none;
+}
+
+.site-header .btn-dark {
+    background: #ffffff;
+    border-color: #ffffff;
+    color: #0e5fb5;
+}
+
+.site-header .btn-dark:hover,
+.site-header .btn-dark:focus {
+    background: #eaf4ff;
+    border-color: #eaf4ff;
+    color: #0b57a7;
+}
+
+.site-header .btn-outline-dark {
+    border-color: rgba(255, 255, 255, 0.72);
+    color: #ffffff;
+}
+
+.site-header .btn-outline-dark:hover,
+.site-header .btn-outline-dark:focus {
+    background: rgba(255, 255, 255, 0.14);
+    border-color: #ffffff;
+    color: #ffffff;
+}
+
 footer {
     background: rgba(255, 255, 255, 0.92);
     backdrop-filter: blur(8px);