Update app.py

app.py

@@ -38,19 +38,29 @@ html, body, .stApp {
     font-family: 'Segoe UI', sans-serif;
 }
 
-/* 🌟 Title Gradient */
+/* 🌈 Gradient & Animated Title */
 h1 {
     text-align: center;
-    font-size: 52px;
-    background: linear-gradient(to right, #ffffff, #dddddd, #ffffff);
+    font-size: 56px;
+    background: linear-gradient(to right, #ffb6c1, #ffa07a, #87cefa);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    animation: fadeSlideIn 1.5s ease-out;
+    animation: popFadeSlide 2s ease-in-out;
     margin-bottom: 30px;
-}
-@keyframes fadeSlideIn {
-    0% { opacity: 0; transform: translateY(-20px); }
-    100% { opacity: 1; transform: translateY(0); }
+    letter-spacing: 1px;
+}
+@keyframes popFadeSlide {
+    0% {
+        opacity: 0;
+        transform: scale(0.9) translateY(-40px);
+    }
+    50% {
+        opacity: 1;
+        transform: scale(1.05) translateY(5px);
+    }
+    100% {
+        transform: scale(1) translateY(0);
+    }
 }
 
 /* 🧾 Instruction Box */
@@ -72,11 +82,7 @@ h1 {
     100% { opacity: 1; transform: rotateY(0); }
 }
 
-/* 📥 Text Area with NO BORDER */
-.stTextArea {
-    display: flex;
-    justify-content: center;
-}
+/* 📥 Text Area */
 .stTextArea textarea {
     border: none;
     outline: none;