/* AANSU Mail login page: the logo and the form read as one white card on
   AANSU navy. Colours elsewhere come from the AANSU skin (skins/aansu). */

body.task-login {
  background: linear-gradient(160deg, #0b2447 0%, #16376b 100%);
}
body.task-login #layout-content {
  background: transparent;
}
body.task-login #logo,
body.task-login #login-form {
  box-sizing: border-box;
  width: 26rem;
  max-width: calc(100% - 2rem);
  margin-left: auto;
  margin-right: auto;
  /* Elastic offsets the logo (16vh) and the form (20vh) separately. */
  top: 12vh;
  background: #fff;
  box-shadow: 0 18px 40px rgba(4, 14, 33, 0.35);
}
body.task-login #logo {
  display: block;
  height: auto;
  max-height: none;
  padding: 2rem 4rem 0.75rem;
  border-radius: 10px 10px 0 0;
  clip-path: inset(-40px -40px 0 -40px);
}
body.task-login #login-form {
  padding: 1rem 2rem 1.5rem;
  border-radius: 0 0 10px 10px;
}
body.task-login #login-footer,
body.task-login #login-footer a {
  color: #5b6477;
}