diff --git a/css/index.css b/css/index.css
index 0b6b8139..a8a66d6a 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1143,6 +1143,30 @@ transform: translateY(2px) scale(1.05);
 background: linear-gradient(45deg, var(--sky-blue), var(--sunny-yellow));
 }
 
+/* Scroll to Top Button */
+#scrollToTopBtn {
+display: none;
+position: fixed;
+bottom: 100px; 
+right: 30px;
+z-index: 1000;
+border: none;
+outline: none;
+background: linear-gradient(45deg, var(--mint-green), var(--lavender));
+color: #fff;
+cursor: pointer;
+padding: 12px 16px;
+border-radius: 50%;
+font-size: 20px;
+box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+transition: transform 0.3s ease, background 0.3s ease;
+}
+
+#scrollToTopBtn:hover {
+transform: translateY(-2px) scale(1.05);
+background: linear-gradient(45deg, var(--lavender), var(--soft-pink));
+}
+
 /* =================================
    RESPONSIVE STYLES
    ================================= */