.hidden {
      display: none !important;
    }

    * {
      box-sizing: border-box;
    }

    html,
    body {
      max-width: 100%;
      overflow-x: hidden;
    }

    button,
    input,
    select,
    textarea {
      font: inherit;
    }

    button,
    input,
    select,
    textarea,
    .auth-tab {
      min-width: 0;
    }

    @media (max-width: 1023px) {
      main > div > section:first-child {
        order: 2;
      }

      main > div > section:nth-child(2) {
        order: 1;
      }
    }

    @media (max-width: 767px) {
      main {
        padding: 0.75rem !important;
      }

      main > div {
        min-height: calc(100vh - 1.5rem) !important;
        border-radius: 1.25rem !important;
      }

      main > div > section {
        padding: 1.25rem !important;
      }

      main > div > section:first-child {
        gap: 1.75rem;
      }

      main > div > section:first-child h1 {
        font-size: 2rem !important;
        line-height: 1.1 !important;
      }

      main > div > section:first-child article {
        border-radius: 1rem !important;
        padding: 1rem !important;
      }

      main > div > section:nth-child(2) > div {
        border-radius: 1.25rem !important;
        padding: 1.25rem !important;
      }

      .auth-tab {
        flex: 1 1 0;
        padding-inline: 0.8rem !important;
        white-space: nowrap;
      }
    }

    @media (max-width: 430px) {
      main > div > section:first-child h1 {
        font-size: 1.75rem !important;
      }

      main > div > section:nth-child(2) > div > div:first-child {
        align-items: flex-start;
        flex-direction: column;
      }

      main > div > section:nth-child(2) > div > div:nth-of-type(2) {
        display: flex;
        width: 100%;
      }

      main > div > section:nth-child(2) > div > div:nth-of-type(2) button {
        flex: 1 1 0;
      }
    }