Update pages/machine_learning.py

pages/machine_learning.py

@@ -10,9 +10,50 @@ os.environ['HF_TOKEN'] = hf
 
 # --- Page Configuration ---
 st.set_page_config(page_title="ML Mentor Chat", layout="centered")
+
+# --- Inject Home Page CSS Styling ---
+st.markdown("""
+    <style>
+    .main {
+        background: linear-gradient(135deg, #430089 0%, #82ffa1 100%);
+        padding: 2rem;
+        font-family: 'Segoe UI', sans-serif;
+    }
+    .stButton>button {
+        background: #ffffff10;
+        border: 2px solid #ffffff50;
+        color: white;
+        font-size: 18px;
+        font-weight: 600;
+        padding: 0.8em 1.2em;
+        border-radius: 12px;
+        width: 100%;
+        transition: 0.3s ease;
+        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+    }
+    .stButton>button:hover {
+        background: #ffffff30;
+        border-color: #fff;
+        color: #ffffff;
+    }
+    h1, h3, p, label {
+        color: #ffffff;
+        text-align: center;
+    }
+    hr {
+        border: 1px solid #ffffff50;
+        margin: 2em 0;
+    }
+    .css-1aumxhk {
+        color: white;  /* Streamlit input text color */
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+# --- Page Title ---
 st.title("🤖 Machine Learning Mentor Chat")
 
-# --- Sidebar: Experience Level ---
+# --- Sidebar: Experience Level with same style ---
 st.sidebar.title("Mentor Preferences")
 experience_label = st.sidebar.selectbox(
     "Select your experience level:", ["Beginner", "Intermediate", "Experienced"]