:root {
  color-scheme: light;
  --page-bg: #ffffff;
  --shadow: rgba(15, 23, 42, 0.06);
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  background:
    radial-gradient(circle at center, rgba(11, 85, 232, 0.035), transparent 38rem),
    var(--page-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page-shell {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(2rem, 5vw, 5rem);
}

.logo {
  display: block;
  width: min(72vw, 720px);
  height: auto;
  filter: drop-shadow(0 18px 38px var(--shadow));
  user-select: none;
}

@media (max-width: 640px) {
  .logo {
    width: min(86vw, 420px);
  }
}