body {
      background: #000;
      color: #fff;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .wrap {
      text-align: center;
      padding: 40px 24px;
  }

  .logo {
      display: block;
      height: 48px;
      width: auto;
      margin: 0 auto 32px;
      filter: invert(1);
      opacity: .9;
  }

  .label {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: #555;
  }

  .cta {
      display: block;
      margin: 24px auto 0;
      padding: 14px 24px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 0;
      color: #fff;
      text-decoration: none;
      font-weight: 600;
      transition: background .2s ease, border-color .2s ease, transform .2s ease;
  }

  .cta:hover,
  .cta:focus-visible {
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.35);
      transform: translateY(-1px);
  }

  .dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #333;
  }