Improve section header visibility with better styling and contrast

app.py

@@ -122,16 +122,26 @@ div, section, form, .app, .contain, .wrap {
 .section-header {
     background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
     color: white !important;
-    padding: 8px 16px;
+    padding: 12px 20px;
     border-radius: 8px;
-    margin: 0 0 -8px 0;
-    font-weight: 600;
-    font-size: 1.4em;
+    margin: 0 0 12px 0;
+    font-weight: 700;
+    font-size: 1.5em;
+    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }
 
 /* h3 elements */
 h3 {
     font-size: 1.8em !important;
+    color: #333 !important;
+    font-weight: 700 !important;
+}
+
+/* Ensure section headers inside h3 are visible */
+h3 .section-header {
+    display: inline-block;
+    width: 100%;
 }
 
 .input-column {