erase background

static/css/site.css

@@ -55,9 +55,7 @@ body {
 
 /* ---------- Hero --------------------------------------------------------- */
 .tp-hero {
-  background:
-    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(183, 65, 14, 0.15), transparent 70%),
-    linear-gradient(180deg, var(--tp-hero-from) 0%, var(--tp-hero-to) 100%);
+  background: transparent;          /* let the body ASCII rain show through */
   position: relative;
   isolation: isolate;
 }
@@ -75,6 +73,7 @@ body {
           mask-image: radial-gradient(ellipse 60% 50% at 50% 0%, #000 30%, transparent 80%);
   pointer-events: none;
   z-index: -1;
+  opacity: 0.5;                      /* subtle grid, not a wall */
 }
 
 /* Subtle floating code lines in the hero, behind the content */
@@ -206,13 +205,12 @@ body {
 .tp-terminal {
   position: relative;
   border-radius: 0.875rem;
-  background: #0b0b0f;
+  background: transparent;          /* let the body ASCII art show through */
   box-shadow:
-    0 1px 0 rgba(255, 255, 255, 0.04) inset,
-    0 30px 60px -20px rgba(0, 0, 0, 0.6),
-    0 18px 36px -18px rgba(0, 0, 0, 0.5);
+    0 0 0 1px rgba(244, 162, 107, 0.18),  /* rust-orange hairline, brand */
+    0 30px 60px -20px rgba(0, 0, 0, 0.55),
+    0 18px 36px -18px rgba(0, 0, 0, 0.45);
   overflow: hidden;
-  border: 1px solid rgba(63, 63, 70, 0.4);
 }
 .tp-terminal::after {
   content: "";
@@ -220,7 +218,14 @@ body {
   inset: 0;
   pointer-events: none;
   border-radius: inherit;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
+  background: linear-gradient(
+    to bottom,
+    rgba(11, 11, 15, 0.55) 0%,
+    rgba(11, 11, 15, 0)    18%,
+    rgba(11, 11, 15, 0)    82%,
+    rgba(11, 11, 15, 0.45) 100%
+  );   /* darken only the top + bottom strips, leave the middle transparent
+          so the body ASCII art shows through the terminal content */
 }
 
 /* ---------- Selection --------------------------------------------------- */