:root {
  --sgoet-blue: #071a33;
  --sgoet-blue-light: #0f2b52;
}

* {
  box-sizing: border-box;
}

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

body {
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(135deg, var(--sgoet-blue-light), var(--sgoet-blue));
}

.page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}

.logo {
  width: min(72vw, 620px);
  height: auto;
  display: block;
  filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.28));
}

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