Upload assets/style.css

assets/style.css

@@ -15,8 +15,8 @@
 
 .stApp {
   background:
-    radial-gradient(circle at top left, rgba(20, 125, 114, 0.16), transparent 28%),
-    radial-gradient(circle at top right, rgba(255, 184, 77, 0.22), transparent 24%),
+    radial-gradient(circle at top left, rgba(20, 125, 114, 0.1), transparent 22%),
+    radial-gradient(circle at top right, rgba(255, 184, 77, 0.12), transparent 20%),
     linear-gradient(180deg, #f8fbff 0%, #eef3f9 100%);
   color: var(--text);
 }
@@ -43,8 +43,7 @@
   border: 1px solid var(--border);
   border-radius: 16px;
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(244, 249, 255, 0.88));
-  backdrop-filter: blur(16px);
-  box-shadow: 0 10px 24px rgba(19, 39, 71, 0.06);
+  box-shadow: 0 4px 10px rgba(19, 39, 71, 0.04);
   margin-bottom: 0.35rem;
 }
 
@@ -75,7 +74,7 @@
   border-radius: 14px;
   border-color: rgba(18, 32, 51, 0.08) !important;
   background: var(--surface);
-  box-shadow: 0 8px 18px rgba(19, 39, 71, 0.05);
+  box-shadow: 0 2px 8px rgba(19, 39, 71, 0.03);
   padding: 0.02rem 0.08rem;
   margin-bottom: 0.4rem;
 }
@@ -228,7 +227,7 @@
   font-weight: 700 !important;
   font-size: 0.8rem !important;
   border: 1px solid transparent !important;
-  transition: all 0.2s ease !important;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
   padding-top: 0.2rem !important;
   padding-bottom: 0.2rem !important;
 }
@@ -236,7 +235,7 @@
 .primary-action > button {
   background: linear-gradient(135deg, var(--primary), #1a9f90) !important;
   color: white !important;
-  box-shadow: 0 8px 18px rgba(20, 125, 114, 0.2) !important;
+  box-shadow: 0 3px 8px rgba(20, 125, 114, 0.12) !important;
 }
 
 .check-action > button {