:root{
  --mars-red:#b33a19;
  --mars-red2:#e06a28;
  --dark:#0a0b0f;
  --dust:#f2d4b1;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; 
  background:
    /* top-right haze: more reddish */
    radial-gradient(60vw 60vh at 110% -10%, rgba(179,58,25,0.6) 20%, transparent 65%),
    /* bottom-left glow: warmer orange tint */
    radial-gradient(40vw 40vh at -20% 120%, rgba(224,106,40,0.5) 15%, transparent 70%),
    /* base sky: dark, but nudged toward red */
    linear-gradient(180deg, #1a0d0d 0%, #0a0b0f 100%);
  color:#f8f8f8; font-family: system-ui, Segoe UI, Roboto, sans-serif;
}
.wrap{
  min-height: calc(100vh - 60px);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:2rem;
}
h1{
  font-family: "Orbitron", system-ui;
  font-size: clamp(3rem, 8vw, 7rem);
  letter-spacing: .04em; margin:0 0 .5rem 0;
  background: linear-gradient(90deg, var(--mars-red), var(--mars-red2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 0 12px rgba(224,106,40,0.35), 0 0 24px rgba(179,58,25,0.2);
}
.tag{
  color: var(--dust);
  font-size: clamp(1rem, 2.5vw, 1.4rem);
  opacity:.9
}
footer{
  height:60px; display:flex; align-items:center; justify-content:center;
  color:#aaa; font-size:.9rem; border-top:1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.25); backdrop-filter: blur(2px);
}