diff --git a/data/static/css/styles.css b/data/static/css/styles.css
index 15cc48f..a89dc1f 100644
--- a/data/static/css/styles.css
+++ b/data/static/css/styles.css
@@ -56,7 +56,7 @@ nav .menu{
 }
 /* ── Body & layout ─────────────────────────────────────────── */
 body {
-    background: url(../images/recon_ranger_logo.png) no-repeat center center fixed;
+    background: url(../images/recon_ranger_bg.jpg) no-repeat center center fixed;
     background-size: cover;
     color: #e2e8f0;
     min-height: 100vh;
@@ -287,7 +287,7 @@ footer {
     padding-right: 4px;
 }
 .timeline-day {
-    background: rgba(255, 255, 255, 0.04);
+    background: rgba(0, 0, 0, 0.3);
     border: 1px solid #2d2d3a;
     border-radius: 10px;
     padding: 14px 18px 22px;
@@ -431,7 +431,7 @@ footer {
     padding-bottom: 4px;
 }
 .metric-card {
-    background: rgba(255, 255, 255, 0.04);
+    background: rgba(0, 0, 0, 0.3);
     border: 1px solid #2d2d3a;
     border-radius: 10px;
     padding: 14px 16px 16px;
diff --git a/data/static/images/recon_ranger_bg.jpg b/data/static/images/recon_ranger_bg.jpg
new file mode 100644
index 0000000..25005e4
Binary files /dev/null and b/data/static/images/recon_ranger_bg.jpg differ