Update app.py

app.py

@@ -3,6 +3,63 @@ import numpy as np
 import sympy as sp
 import plotly.graph_objs as go
 
+# Custom CSS for styling
+st.markdown("""
+    <style>
+    /* Page background */
+    .stApp {
+        background-color: #f9f9f9;
+        font-family: 'Segoe UI', sans-serif;
+    }
+
+    /* Title */
+    h1 {
+        text-align: center;
+        color: #2C3E50;
+        font-size: 38px !important;
+        font-weight: bold;
+        margin-bottom: 20px;
+    }
+
+    /* Input boxes */
+    .stTextInput > div > div > input {
+        border: 2px solid #3498DB;
+        border-radius: 8px;
+        padding: 8px;
+    }
+
+    /* Buttons */
+    div.stButton > button {
+        background-color: #3498DB;
+        color: white;
+        border-radius: 10px;
+        padding: 10px 24px;
+        font-size: 16px;
+        border: none;
+        transition: 0.3s;
+    }
+    div.stButton > button:hover {
+        background-color: #2980B9;
+        transform: scale(1.05);
+    }
+
+    /* Success / Error messages */
+    .stAlert {
+        border-radius: 8px;
+    }
+
+    /* Chart section */
+    .block-container {
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+# -------------------------------
+# your original code below 👇
+# -------------------------------
+
 st.title("Gradient Descent Visualizer")
 
 x = sp.Symbol("x")
@@ -70,8 +127,4 @@ if 'func' in st.session_state and len(st.session_state.points) > 0:
         )
         
         fig = go.Figure(data=[trace1, trace2, trace3], layout=layout)
-        st.plotly_chart(fig, use_container_width=True)
-        st.success(f"Current Point = {iter_points[-1]}")
-
-    except Exception as e:
-        st.error(f"Plot error: {e}")
+        st.plotly_chart(fig,_