Update app.py

app.py

@@ -134,7 +134,7 @@ body {
 
 /* Header */
 #header {
-    color: #1de9b6;
+    color: #7fffd4; /* Light Aqua for better contrast */
     text-align: center;
     font-weight: 700;
     font-size: 2.5em;
@@ -145,7 +145,7 @@ body {
 }
 
 #header:hover {
-    color: #ff8c00;
+    color: #32cd32; /* Lime Green on hover */
     transform: scale(1.05);
 }
 
@@ -163,7 +163,7 @@ body {
 /* Form Field Styles */
 input, textarea, select {
     max-width: 700px;
-    border: 1px solid #1de9b6;
+    border: 1px solid #7fffd4;
     border-radius: 8px;
     padding: 10px 12px;
     background: rgba(245, 245, 245, 0.95);
@@ -176,8 +176,8 @@ input, textarea, select {
 
 /* Form Field Hover and Focus */
 input:focus, textarea:focus, select:focus {
-    border-color: #ffd54f;
-    box-shadow: 0 0 10px rgba(255, 213, 79, 0.6);
+    border-color: #00ffcc; /* Light Cyan border on focus */
+    box-shadow: 0 0 10px rgba(0, 255, 204, 0.6);
     transform: scale(1.02);
 }
 
@@ -235,7 +235,7 @@ input:focus, textarea:focus, select:focus {
 
 .nav-tabs .nav-item {
     font-size: 1.1em;
-    color: #ffffff !important;
+    color: #7fffd4 !important; /* Light Aqua for inactive tabs */
     padding: 10px 18px;
     cursor: pointer;
     font-weight: 500;
@@ -245,11 +245,11 @@ input:focus, textarea:focus, select:focus {
 }
 
 .nav-tabs .nav-item:hover {
-    color: #FFCA28;
+    color: #00ffcc; /* Bright cyan on hover */
 }
 
 .nav-tabs .nav-item.active {
-    color: #00FF00 !important;
+    color: #00FF00 !important; /* Bright Green for active tab */
     border: 2px solid #00FF00;
     font-weight: 700;
     background-color: rgba(0, 255, 0, 0.1);
@@ -260,7 +260,7 @@ input:focus, textarea:focus, select:focus {
 label {
     font-size: 1em;
     font-weight: 600;
-    color: #ffeb3b;
+    color: #7fffd4; /* Light Aqua for label text */
     margin-bottom: 5px;
 }