:root{
  --bg:#ffffff;
}

/* page */
html, body { height:100%; }
body{
  margin:0;
  background:var(--bg);
  display:grid;
  place-items:center;
  font-family: system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wrap{
  text-align:center;
  padding:24px;
}

/* ===== LOGO ===== */
.logo{
  margin:0;
  line-height:0.9;
  font-size: clamp(72px, 12vw, 140px);
  letter-spacing:-0.01em;

  /* Helvetica Medium feel */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;

  /* MAIN drop shadow — this is the big visual */
  filter: drop-shadow(8px 8px 3px rgba(0,0,0,0.45));
}

/* shared bevel illusion */
.logo span{
  display:inline-block;

  /* subtle top highlight + bottom depth */
  text-shadow:
    -1px -1px 0 rgba(255,255,255,0.35),
     1px  1px 0 rgba(0,0,0,0.35),
     0px  2px 2px rgba(0,0,0,0.25);
}

/* SKY (deep blue like your original) */
.sky{
  color:#0a1f9e;
}

/* GENIUS (deep red) */
.genius{
  color:#9e0000;
}

/* status line */
.status{
  margin:16px 0 0;
  font-size:14px;
  color:#444;
  font-family: system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
}