/* Full page dark blue/grey gradient background (a bit lighter, still dark) */
html, body {
  height: 100%;
  margin: 0;
}

body {
  background: radial-gradient(
    1200px 800px at 20% 15%,
    #39475e 0%,
    #1e2837 45%,
    #121a26 100%
  );
}

/* Centre content both ways with a sensible border */
.wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: clamp(16px, 5vmin, 48px);
}

/* Keep aspect ratio and scale down to fit within the padded area */
.logo {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.version {
  position: fixed;
  left: 10px;
  bottom: 10px;
  font: 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.35);
  opacity: 0.35;
  letter-spacing: 0.02em;
  user-select: none;
  pointer-events: none;
}