Update app.py

app.py

@@ -8,19 +8,22 @@ st.set_page_config(
     page_icon="🌡️",
     layout="centered"
 )
-
+.stApp {
+    text-align: center;
+}
 # -----------------------------
 # NEON + ANIMATED UI (ONLY ADDITION)
 # -----------------------------
 st.markdown("""
 <style>
 
-/* Animated Background */
+/* ---------------- BACKGROUND ---------------- */
 .stApp {
     background: linear-gradient(-45deg, #0f172a, #1e293b, #0b1220, #1e3a8a);
     background-size: 400% 400%;
     animation: gradientMove 10s ease infinite;
     color: white;
+    text-align: center;   /* ✅ CENTER EVERYTHING */
 }
 
 @keyframes gradientMove {
@@ -29,7 +32,7 @@ st.markdown("""
     100% {background-position: 0% 50%;}
 }
 
-/* Title Glow */
+/* ---------------- TITLE ---------------- */
 h1 {
     text-align: center;
     color: white;
@@ -39,30 +42,18 @@ h1 {
         0 0 40px #3b82f6;
 }
 
-/* 🔥 SEPARATE COMPONENT GLOW BOXES */
+/* ---------------- INPUT BOXES ---------------- */
 div[data-testid="stNumberInput"],
-div[data-testid="stRadio"],
-div[data-testid="stSelectbox"],
-div[data-testid="stTextInput"] {
+div[data-testid="stRadio"] {
     background: rgba(255,255,255,0.06);
     padding: 15px;
     border-radius: 15px;
     margin-bottom: 15px;
     backdrop-filter: blur(10px);
     box-shadow: 0 0 15px rgba(59,130,246,0.25);
-    transition: 0.3s ease;
-}
-
-/* Hover glow per component */
-div[data-testid="stNumberInput"]:hover,
-div[data-testid="stRadio"]:hover,
-div[data-testid="stSelectbox"]:hover,
-div[data-testid="stTextInput"]:hover {
-    box-shadow: 0 0 25px rgba(56,189,248,0.6);
-    transform: scale(1.01);
 }
 
-/* Button Styling */
+/* ---------------- BUTTON ---------------- */
 .stButton>button {
     width: 100%;
     background: linear-gradient(90deg, #06b6d4, #3b82f6);
@@ -80,6 +71,24 @@ div[data-testid="stTextInput"]:hover {
     box-shadow: 0 0 25px rgba(59,130,246,0.9);
 }
 
+/* ---------------- SUCCESS / OUTPUT BOX ---------------- */
+div[data-testid="stSuccess"] {
+    background: rgba(0, 255, 120, 0.08);   /* light green glow */
+    border: 2px solid white;               /* white border */
+    border-radius: 15px;
+    padding: 20px;
+    color: #00ff99 !important;             /* GREEN TEXT */
+    font-size: 20px;
+    font-weight: bold;
+    box-shadow: 0 0 20px rgba(255,255,255,0.6);
+    text-align: center;
+}
+
+/* Make success text green */
+div[data-testid="stSuccess"] * {
+    color: #00ff99 !important;
+}
+
 </style>
 """, unsafe_allow_html=True)