:root { color-scheme: dark; }
    * { box-sizing: border-box; }
    html { min-height: 100%; background: #071b45; }
    body {
      min-height: 100vh;
      min-height: 100svh;
      margin: 0;
      display: grid;
      place-items: center;
      background: #071b45;
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
    }
    main {
      width: min(100% - 40px, 640px);
      padding: 48px 0;
    }
    img {
      display: block;
      width: min(100%, 600px);
      height: auto;
      margin: 0 auto 42px;
      border-radius: 0;
    }
    h1 {
      margin: 0;
      font-size: clamp(2rem, 7vw, 5.25rem);
      font-weight: 800;
      line-height: 1;
      letter-spacing: .06em;
      white-space: nowrap;
    }
    @media (max-width: 520px) {
      main { width: min(100% - 28px, 640px); }
      img { margin-bottom: 36px; }
      h1 { letter-spacing: .04em; }
    }