#holder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;

  form {
    width: 50%;
    height: 45%;
    border-radius: 35px;
    background: var(--tui-background-base-alt);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;

    main {
      display: flex;
      flex-direction: column;
      gap: 10px;

      #methods {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
      }
    }

    footer {
      margin-top: 30px;
    }
  }
}
