diff --git a/assets/custom.css b/assets/custom.css
index 2080416..28c5282 100644
--- a/assets/custom.css
+++ b/assets/custom.css
@@ -132,3 +132,37 @@ body {
     }
 }
 
+/* Smooth scroll behavior */
+html {
+    scroll-behavior: smooth;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background: #0a1428;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #1B4B7F, #4DB8C4);
+    border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, #4DB8C4, #6DD7E5);
+}
+
+/* Selection color */
+::selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+
+::-moz-selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+
diff --git a/src/presentation/web/assets/custom.css b/src/presentation/web/assets/custom.css
index 2080416..28c5282 100644
--- a/src/presentation/web/assets/custom.css
+++ b/src/presentation/web/assets/custom.css
@@ -132,3 +132,37 @@ body {
     }
 }
 
+/* Smooth scroll behavior */
+html {
+    scroll-behavior: smooth;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 12px;
+}
+
+::-webkit-scrollbar-track {
+    background: #0a1428;
+}
+
+::-webkit-scrollbar-thumb {
+    background: linear-gradient(135deg, #1B4B7F, #4DB8C4);
+    border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(135deg, #4DB8C4, #6DD7E5);
+}
+
+/* Selection color */
+::selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+
+::-moz-selection {
+    background: rgba(77, 184, 196, 0.3);
+    color: #FFFFFF;
+}
+