diff --git a/web/static/app.css b/web/static/app.css
index 57be898..5e0c9c9 100644
--- a/web/static/app.css
+++ b/web/static/app.css
@@ -261,4 +261,32 @@ code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono
   border-radius:10px; font-size:14px;
 }
 
-.login-field-error{ color:#b91c1c; font-size:13px; margin:6px 0 0; }
\ No newline at end of file
+.login-field-error{ color:#b91c1c; font-size:13px; margin:6px 0 0; }
+/* Themed page background (tan → blue) */
+.themed-bg{
+  min-height:100vh;
+  background:
+    linear-gradient(110deg,
+      #d7b592 0%,
+      #e7e3db 30%,
+      #8fbfe0 100%
+    );
+  background-attachment: fixed;
+}
+
+/* Keep cards floating nicely over gradients */
+.themed-bg .card,
+.themed-bg .result-card,
+.themed-bg .search-form{
+  background:#ffffff;
+  border:1px solid var(--border);
+  box-shadow:0 10px 30px rgba(0,0,0,.06);
+}
+
+/* Make the top bar feel lighter on a gradient */
+.themed-bg .topbar-wrap{
+  background:rgba(248,250,252,.85); /* subtle translucency */
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+  border-bottom:1px solid rgba(229,231,235,.9);
+}
\ No newline at end of file