Replace header with QUEST project logo

app.py

@@ -67,24 +67,40 @@ CUSTOM_CSS = """
 }
 
 .banner-card {
-  padding: 22px 24px;
+  padding: 18px 20px;
   border-radius: 18px;
-  background: linear-gradient(100deg, #1d4ed8 0%, #4338ca 45%, #6d28d9 100%);
-  color: #ffffff;
-  box-shadow: 0 10px 30px rgba(37, 56, 138, 0.22);
+  background: linear-gradient(100deg, #f8fbff 0%, #eef5ff 100%);
+  color: #0f172a;
+  border: 1px solid #dbe7ff;
+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
   margin-bottom: 14px;
 }
 
+.banner-inner {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+}
+
+.banner-logo {
+  width: 240px;
+  max-width: 40vw;
+  border-radius: 10px;
+  background: #ffffff;
+}
+
 .banner-title {
-  font-size: 28px;
+  font-size: 24px;
   font-weight: 700;
   line-height: 1.15;
+  color: #1e3a8a;
 }
 
 .banner-subtitle {
-  margin-top: 8px;
-  opacity: 0.95;
+  margin-top: 6px;
+  opacity: 0.9;
   font-size: 14px;
+  color: #1f2937;
 }
 
 .section-card {
@@ -399,9 +415,14 @@ with gr.Blocks(
     gr.HTML(
         """
 <div class="banner-card">
-  <div class="banner-title">DeepResearch Space Starter</div>
-  <div class="banner-subtitle">
-    Multi-turn research agent with search + visit tools. Start with free models now, switch to your own model later.
+  <div class="banner-inner">
+    <img class="banner-logo" src="/file=assets/quest-logo.png" alt="QUEST logo" />
+    <div>
+      <div class="banner-title">QUEST Deep Research Agent</div>
+      <div class="banner-subtitle">
+        Multi-turn research agent with search + visit tools. Start with free models now, switch to your own model later.
+      </div>
+    </div>
   </div>
 </div>
 """