Update src/style.css

src/style.css

@@ -130,6 +130,31 @@ main.stApp {
   z-index: 1;
 } 
 
+/* === Override default Streamlit button styling === */
+.stButton > button {
+  background: linear-gradient(90deg, #004c97, #36BA01);
+  color: white;
+  border: none;
+  border-radius: 50px;
+  padding: 1rem 2rem;
+  font-size: 1.2rem;
+  font-weight: 600;
+  cursor: pointer;
+  box-shadow: 0 0 25px rgba(54, 186, 1, 0.4);
+  transition: transform 0.3s ease-in-out;
+  animation: pulseAI 2.5s infinite;
+}
+
+.stButton > button:hover {
+  transform: scale(1.05);
+}
+
+@keyframes pulseAI {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.03); }
+  100% { transform: scale(1); }
+}
+
 /* === Timeline styles === */
 .timeline {
   margin-top: 2rem;
@@ -140,13 +165,14 @@ main.stApp {
 .timeline-card {
   display: flex;
   align-items: flex-start;
-  background: rgba(255, 255, 255, 0.05);
+  /* Slightly brighter card background for better contrast */
+  background: rgba(255, 255, 255, 0.08);
   border-left: 6px solid #36ba01;
   border-radius: 12px;
-  padding: 1rem;
+  padding: 1.2rem;
   margin-bottom: 1rem;
   backdrop-filter: blur(6px);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
 }
 .timeline-card .icon {
   font-size: 1.6rem;
@@ -157,10 +183,10 @@ main.stApp {
 .timeline-card h4 {
   margin: 0;
   font-size: 1.1rem;
-  color: #f5faff;
+  color: #e5f0fb;
 }
 .timeline-card p {
   margin: 0.3rem 0 0;
   font-size: 0.9rem;
-  color: #cad8e5;
+  color: #a9bcd4;
 }