added feedback form

app.py

@@ -1320,32 +1320,70 @@ with gr.Blocks(
     theme=gr.themes.Soft(),
 ) as app:
     gr.Markdown("## 🎓 Student Reward Points Checker")
-    gr.HTML(
-        """
-        <style>
-        .info-banner {
-            background: linear-gradient(90deg, #2c3e50, #4b6cb7);
-            padding: 14px 18px;
-            border-radius: 10px;
-            color: #ffffff;
-            font-size: 15px;
-            font-weight: 600;
-            text-align: center;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.25);
-            margin-bottom: 14px;
-        }
-        
-        .info-banner span {
-            color: #ffd966;
-            font-weight: 700;
-        }
-        </style>
-        
-        <div class="info-banner">
-        ℹ️ <strong>IP 1 Redemption is Live for 2nd and 3rd Years. Check it using IP Tab</strong>
+    gr.HTML("""
+    <style>
+    @import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@300;400;500&display=swap');
+    .survey-banner {
+    font-family: 'DM Sans', sans-serif;
+    background: linear-gradient(135deg, #0d1b2a 0%, #1a2d4a 50%, #0d2035 100%);
+    border-radius: 18px;
+    padding: 28px 32px;
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 24px;
+    border: 1px solid rgba(0,220,190,0.18);
+    box-shadow: 0 8px 32px rgba(0,0,0,0.35);
+    margin-bottom: 14px;
+    }
+    .orb { position:absolute; border-radius:50%; pointer-events:none; }
+    .orb-1 { width:220px;height:220px;background:radial-gradient(circle,rgba(0,220,190,0.13) 0%,transparent 70%);top:-80px;left:-60px; }
+    .orb-2 { width:180px;height:180px;background:radial-gradient(circle,rgba(255,185,60,0.11) 0%,transparent 70%);bottom:-70px;right:120px; }
+    .eyebrow { font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#00dcc0;margin-bottom:8px;display:flex;align-items:center;gap:6px; }
+    .eyebrow-dot { width:6px;height:6px;border-radius:50%;background:#00dcc0;display:inline-block;animation:pulse 2s ease-in-out infinite; }
+    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.7)} }
+    .survey-headline { font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:6px; }
+    .survey-headline .accent { color:#ffc24a; }
+    .subline { font-size:14px;color:rgba(210,230,255,0.62);font-weight:300;line-height:1.5; }
+    .stars { display:flex;gap:3px;margin-top:10px;align-items:center; }
+    .star { color:#ffc24a;font-size:14px; }
+    .star-label { font-size:12px;color:rgba(210,230,255,0.45);margin-left:6px; }
+    .badge-row { display:flex;gap:8px;margin-top:14px;flex-wrap:wrap; }
+    .badge { font-size:11px;padding:4px 10px;border-radius:100px;font-weight:500;letter-spacing:0.04em;border:1px solid; }
+    .badge-teal  { background:rgba(0,220,190,0.1);color:#00dcc0;border-color:rgba(0,220,190,0.22); }
+    .badge-amber { background:rgba(255,194,74,0.1);color:#ffc24a;border-color:rgba(255,194,74,0.22); }
+    .badge-purple { background:rgba(160,130,255,0.1);color:#b8a4ff;border-color:rgba(160,130,255,0.22); }
+    .cta-section { display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0; }
+    .cta-btn { display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:linear-gradient(135deg,#00dcc0,#00b8a8);color:#082020;border-radius:50px;font-family:'Syne',sans-serif;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 24px rgba(0,220,190,0.35);white-space:nowrap;transition:transform 0.15s,box-shadow 0.15s; }
+    .cta-btn:hover { transform:translateY(-2px) scale(1.03);box-shadow:0 10px 32px rgba(0,220,190,0.48); }
+    .cta-note { font-size:11px;color:rgba(210,230,255,0.35);text-align:center; }
+    </style>
+
+    <div class="survey-banner">
+    <div class="orb orb-1"></div>
+    <div class="orb orb-2"></div>
+    <div style="flex:1;position:relative;z-index:1;">
+        <div class="eyebrow"><span class="eyebrow-dot"></span> Community appreciation</div>
+        <div class="survey-headline">Thank you for the <span class="accent">awesome</span> support! 🎉</div>
+        <div class="subline">Your feedback shapes what we build next. Takes just 2 minutes.</div>
+        <div class="stars">
+        <span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
+        <span class="star-label">Tell us what you think</span>
         </div>
-        """
-    )
+        <div class="badge-row">
+        <span class="badge badge-teal">2 min survey</span>
+        <span class="badge badge-amber">Anonymous</span>
+        <span class="badge badge-purple">Shape the future</span>
+        </div>
+    </div>
+    <div class="cta-section">
+        <a class="cta-btn" href="https://forms.gle/MvkwjkVqYyHPC9U77" target="_blank">Fill the Survey →</a>
+        <div class="cta-note">No login required · 100% anonymous</div>
+    </div>
+    </div>
+    """)
     gr.Markdown("##### Search for Reward Points, Redemption Dates and Innovative Practice (IP) Details")
     gr.Markdown("##### எல்லா புகழும் இறைவனுக்கே ✝ 🕉 ☪")
     gr.Markdown("""