@media (max-width: 1000px) {
  .workspace,
  .login-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .login-intro,
  .login-card,
  .form-card {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 650px) {
  .login-intro h1 {
    overflow-wrap: anywhere;
  }

  input,
  select,
  textarea {
    min-width: 0;
    max-width: 100%;
  }
}