@media (max-width: 600px) {
  .ustcp-signup-shell {
    display: block;
    box-sizing: border-box;
    height: 100vh;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-top: max(6px, env(safe-area-inset-top));
    padding-right: max(6px, env(safe-area-inset-right));
    padding-bottom: max(6px, env(safe-area-inset-bottom));
    padding-left: max(6px, env(safe-area-inset-left));
  }

  .ustcp-signup-modal {
    width: min(390px, 100%);
    max-height: none;
    min-height: 0;
    margin: 0 auto;
    overflow: visible;
  }

  #ustcp-stage1-form {
    padding-bottom: max(18px, calc(18px + env(safe-area-inset-bottom)));
  }
}

@supports (height: 100dvh) {
  @media (max-width: 600px) {
    .ustcp-signup-shell {
      height: 100dvh;
      max-height: 100dvh;
    }
  }
}