Update app.py

app.py

@@ -6,49 +6,50 @@ st.set_page_config(
     page_icon="🔤"
 )
 
-# ---------- Glassmorphism + Gradient UI ----------
+# ---------- Cool Tech Theme ----------
 st.markdown("""
 <style>
 body {
-    background: linear-gradient(135deg, #667eea, #764ba2);
-}
-.main {
-    background: transparent;
+    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
 }
+.main { background: transparent; }
+
 .card {
-    background: rgba(255, 255, 255, 0.12);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
-    border-radius: 20px;
-    padding: 25px;
-    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
+    background: rgba(0, 0, 0, 0.55);
+    backdrop-filter: blur(10px);
+    border-radius: 22px;
+    padding: 28px;
+    box-shadow: 0 0 25px rgba(0,255,255,0.25);
     max-width: 720px;
     margin: auto;
 }
 h1, p, label, h3 {
-    color: #ffffff !important;
+    color: #e5f9ff !important;
     text-align: center;
 }
 textarea {
     border-radius: 14px !important;
+    background: #020617 !important;
+    color: #e5f9ff !important;
+    border: 1px solid #0ea5e9 !important;
 }
 .stButton>button {
     width: 100%;
     height: 45px;
     border-radius: 12px;
     border: none;
-    background: linear-gradient(90deg, #ff758c, #ff7eb3);
-    color: white;
+    background: linear-gradient(90deg, #0ea5e9, #22d3ee);
+    color: #020617;
     font-weight: bold;
-    transition: 0.3s ease;
+    transition: 0.25s ease;
 }
 .stButton>button:hover {
-    transform: scale(1.05);
-    background: linear-gradient(90deg, #ff5f7e, #ff6fae);
+    transform: scale(1.06);
+    box-shadow: 0 0 15px #22d3ee;
 }
 .footer {
     text-align: center;
-    color: #eee;
+    color: #94a3b8;
     margin-top: 15px;
     font-size: 13px;
 }
@@ -59,7 +60,7 @@ textarea {
 st.markdown("<div class='card'>", unsafe_allow_html=True)
 
 st.markdown("<h1>🔤 Text Case Converter</h1>", unsafe_allow_html=True)
-st.markdown("<p>Transform your text in one click</p>", unsafe_allow_html=True)
+st.markdown("<p>Change your text instantly</p>", unsafe_allow_html=True)
 
 text = st.text_area("", placeholder="Type or paste your text here...", height=180)
 
@@ -88,4 +89,4 @@ if "out" in st.session_state:
     st.text_area("", st.session_state["out"], height=150)
 
 st.markdown("</div>", unsafe_allow_html=True)
-st.markdown("<div class='footer'>Made with ❤️ using Streamlit</div>", unsafe_allow_html=True)
+st.markdown("<div class='footer'>Made with ❤️ using Streamlit</div>", unsafe_allow_html=True)