enhanced the style of update markdown

app.py

@@ -1390,13 +1390,72 @@ with gr.Blocks(
     gr.Markdown("##### Search for Reward Points, Redemption Dates and Innovative Practice (IP) Details")
     gr.Markdown("##### எல்லா புகழும் இறைவனுக்கே ✝ 🕉 ☪")
     gr.Markdown(
-    """
-    <div style="background: linear-gradient(90deg, #0072ff, #00c6ff); padding: 14px 18px; border-radius: 10px; color: white; font-weight: 600; font-size: 16px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.15);">
-    🎉 <strong>UPDATE:</strong> <span style="color:#fffbe6;">IP Details for <u>2nd Year Students(Both Lateral and Regular)</u> are now available!</span>  
-    💡 You can check your IP details from the IP search section below  use desktop mode to find it or press the 3 dots to find.
-    </div>
-    """
-    )
+"""
+<style>
+/* Neon Glow + Gradient Animation */
+.glow-banner {
+    background: linear-gradient(90deg, #8e2de2, #ff6fd8, #ff9ee3, #8e2de2);
+    background-size: 300% 300%;
+    animation: gradientShift 6s ease infinite, glowPulse 2s infinite ease-in-out, scalePulse 3s infinite ease-in-out;
+    padding: 18px 22px;
+    border-radius: 14px;
+    color: white;
+    font-weight: 700;
+    font-size: 18px;
+    text-align: center;
+    box-shadow: 
+        0 0 18px rgba(255,0,180,0.7),
+        0 0 30px rgba(255,100,220,0.6),
+        inset 0 0 12px rgba(255,255,255,0.2);
+    letter-spacing: 0.5px;
+}
+
+/* Gradient Animation */
+@keyframes gradientShift {
+    0% { background-position: 0% 50%; }
+    50% { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+}
+
+/* Neon Outer Glow */
+@keyframes glowPulse {
+    0% { 
+        box-shadow: 
+            0 0 10px rgba(255,0,150,0.6),
+            0 0 20px rgba(255,0,150,0.4),
+            0 0 35px rgba(255,150,220,0.3);
+    }
+    50% { 
+        box-shadow: 
+            0 0 20px rgba(255,0,180,0.9),
+            0 0 40px rgba(255,100,240,0.7),
+            0 0 60px rgba(255,180,255,0.5);
+    }
+    100% { 
+        box-shadow: 
+            0 0 10px rgba(255,0,150,0.6),
+            0 0 20px rgba(255,0,150,0.4),
+            0 0 35px rgba(255,150,220,0.3);
+    }
+}
+
+/* Subtle Scale Animation */
+@keyframes scalePulse {
+    0% { transform: scale(1); }
+    50% { transform: scale(1.03); }
+    100% { transform: scale(1); }
+}
+</style>
+
+<div class="glow-banner">
+✨🎉 <strong>UPDATE AVAILABLE!</strong> 🎉✨<br>
+<span style="color:#fffbe6; font-size: 17px;">
+IP Details for <u>2nd Year Students (Lateral & Regular)</u> are now LIVE!
+</span><br>
+💡 Check the <strong>IP Search</strong> section below.
+</div>
+"""
+)
     gr.Markdown("""
     ***Available Features*** :
     **🔍 Student Search Tab**,