html,
  body {
      margin: 0;
      width: 100%;
      height: 100%;
      background: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      color: #1f2933;
  }

  body {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
  }

  main {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
  }

  .logo {
      width: 400px;
      max-width: 80vw;
      height: auto;
  }

  footer {
      padding: 1.5rem;
      text-align: center;
      font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 0.78rem;
      font-weight: 500;
      letter-spacing: 0.02em;
      color: #1E8BC9;
  }

  footer span {
      display: inline-block;
  }

  footer span+span::before {
      content: " · ";
      color: #8cc9e6;
  }