:root { color-scheme: dark; }
    html, body { height: 100%; }

    body{
      margin: 0;
      display: grid;
      place-items: center;
      overflow: hidden;
      background: #fff;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    #bg{
      position: fixed;
      inset: 0;
      z-index: -1;
      background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
      transition: background 400ms linear;
    }

    .wrap{
      width: 100%;
      display: grid;
      place-items: center;
      padding: 24px;
    }

    img.logo{
      width: min(300px, 90vw);
      max-width: 300px;
      height: auto;
      max-height: 170px;
      display: block;
      object-fit: contain;
    }