Update app.py

app.py

@@ -471,15 +471,16 @@ def user_contact():
         st.session_state.user_contact = contact_info
         st.session_state.current_page = "demographic"
         st.rerun()
-
+        
 def demographic_form():
     """فرم اطلاعات دموگرافیک"""
     st.markdown("""
     <style>
-        /* استایل کلی تمام inputها */
-        .stTextInput input,
+        /* استایل کلی تمام عناصر فرم */
         .stNumberInput input,
-        .stSelectbox select {
+        .stSelectbox select,
+        .stTextInput input,
+        .stTextArea textarea {
             color: #333333 !important;
             background-color: white !important;
             border: 1px solid #6a0dad !important;
@@ -487,21 +488,23 @@ def demographic_form():
             padding: 8px 12px !important;
             font-family: 'Vazir' !important;
         }
-        
+
+        /* استایل پس‌زمینه اصلی فرم */
+        .stForm {
+            background-color: white !important;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+
         /* استایل placeholder */
-        .stTextInput input::placeholder,
-        .stNumberInput input::placeholder {
-            color: #333333 !important;
+        .stNumberInput input::placeholder,
+        .stTextInput input::placeholder {
+            color: #666666 !important;
             opacity: 1 !important;
         }
-        
-        /* استایل dropdown options */
-        .stSelectbox select option {
-            color: #333333 !important;
-            background-color: white !important;
-        }
-        
-        /* استایل دکمه submit ساده */
+
+        /* استایل دکمه submit */
         .stFormSubmitButton button {
             background-color: white !important;
             color: #6a0dad !important;
@@ -513,23 +516,14 @@ def demographic_form():
             transition: all 0.3s ease !important;
             width: 100% !important;
         }
-        
+
         .stFormSubmitButton button:hover {
             background-color: #f0e6ff !important;
-            color: #6a0dad !important;
-        }
-        
-        /* استایل hover برای inputها */
-        .stTextInput input:focus,
-        .stNumberInput input:focus,
-        .stSelectbox select:focus {
-            border-color: #8e44ad !important;
-            box-shadow: 0 0 0 2px rgba(106, 13, 173, 0.2) !important;
-            outline: none !important;
         }
-        
+
         /* استایل لیبل‌ها */
-        .st-emotion-cache-1v0mbdj p {
+        .st-emotion-cache-1v0mbdj p,
+        .st-emotion-cache-1v0mbdj div {
             color: #333333 !important;
             font-family: 'Vazir' !important;
         }
@@ -559,7 +553,7 @@ def demographic_form():
                 "ride_frequency": ride_frequency
             }
             st.session_state.current_page = "scenario_explanation"
-            st.rerun()   
+            st.rerun()  
   
 def scenario_explanation():
     """توضیح سناریو"""