:root {
  --bg: #020814;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); }
body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 10%, rgba(20,92,246,0.18), transparent 35%),
    linear-gradient(180deg, #04122d 0%, #020814 55%, #01040b 100%);
}
.splash {
  width: 100%;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 0;
}
.hero-art {
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 0 30px rgba(20,92,246,0.2));
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}