Update app.py

app.py

@@ -1319,6 +1319,103 @@ with gr.Blocks(
     title="Student Reward Points Check", 
     theme=gr.themes.Soft(),
 ) as app:
+    gr.HTML(
+"""
+<style>
+.calc-important-banner {
+    position: relative;
+    margin: 10px 0 18px 0;
+    padding: 18px 22px;
+    border-radius: 14px;
+    background: linear-gradient(120deg, #ff512f, #f09819, #ffd200);
+    background-size: 250% 250%;
+    animation: calcGradientShift 6s ease infinite, calcGlowPulse 2s ease-in-out infinite;
+    color: #fff;
+    text-align: center;
+    box-shadow:
+        0 0 18px rgba(255, 81, 47, 0.7),
+        0 0 28px rgba(255, 210, 0, 0.6);
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+.calc-important-banner h3 {
+    margin: 0 0 6px 0;
+    font-size: 20px;
+    font-weight: 800;
+    letter-spacing: 0.6px;
+    text-transform: uppercase;
+}
+
+.calc-important-banner p {
+    margin: 4px 0;
+    font-size: 15px;
+    font-weight: 500;
+}
+
+.calc-important-banner .highlight {
+    font-weight: 700;
+    text-decoration: underline;
+}
+
+.calc-important-banner .calc-btn {
+    display: inline-block;
+    margin-top: 10px;
+    padding: 8px 16px;
+    border-radius: 999px;
+    background: #111;
+    color: #ffe66d;
+    font-weight: 700;
+    font-size: 14px;
+    text-decoration: none;
+    box-shadow: 0 0 12px rgba(0,0,0,0.4);
+    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
+}
+
+.calc-important-banner .calc-btn:hover {
+    transform: translateY(-1px) scale(1.03);
+    box-shadow: 0 0 18px rgba(0,0,0,0.6);
+    background: #000;
+}
+
+/* Background animation */
+@keyframes calcGradientShift {
+    0%   { background-position: 0% 50%; }
+    50%  { background-position: 100% 50%; }
+    100% { background-position: 0% 50%; }
+}
+
+/* Glow animation */
+@keyframes calcGlowPulse {
+    0% {
+        box-shadow:
+            0 0 10px rgba(255, 81, 47, 0.7),
+            0 0 20px rgba(255, 210, 0, 0.6);
+    }
+    50% {
+        box-shadow:
+            0 0 20px rgba(255, 120, 47, 0.9),
+            0 0 40px rgba(255, 230, 120, 0.9);
+    }
+    100% {
+        box-shadow:
+            0 0 10px rgba(255, 81, 47, 0.7),
+            0 0 20px rgba(255, 210, 0, 0.6);
+    }
+}
+</style>
+
+<div class="calc-important-banner">
+  🔴⚠️ <h3>IMPORTANT – CALCULATOR REQUEST FORM</h3>
+  <p>
+   I need Calculator For <span class="highlight">Pattern &amp; Anomaly Detection End Semester Examination</span>,  
+
+  
+  <a class="calc-btn" href="https://docs.google.com/forms/d/1-piXRsXweqk_Z1jat7w0P8zS995RDgXEc5F_lyD3_vM/viewform" target="_blank">
+    📄 If Possible Fill this Form
+  </a>
+</div>
+"""
+    )
     gr.Markdown("## 🎓 Student Reward Points Checker")
     gr.Markdown("##### Search for Reward Points, Redemption Dates and Innovative Practice (IP) Details")
     gr.Markdown("##### எல்லா புகழும் இறைவனுக்கே ✝ 🕉 ☪")