body {
  background: radial-gradient(100% 300.28% at 100% 0%, hsl(254.3 50.4% 24.5%) 0%, hsl(254.3 50.4% 24.5%) 32.94%, hsl(254.3 50.4% 24.5%) 49.9%, hsl(254.3 50.4% 24.5%) 50.2%, hsl(180.5 100% 24.7%) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
  body {
    color: hsl(0 0% calc(11.4% + 67%));
  }

  main {
    background-color: hsl(0 0% calc(11.4% + 3.5%));
  }

  h1 {
    color: #dcdcdc;
  }

  form input[type="email"],
  form input[type="text"],
  form input[type="password"] {
    background-color: #2c2c2c;
    color: #fff;
  }

  .helptext {
    color: hsl(0 0% calc(11.4% + 67%));
  }
}

main {
  background-color: white;
  border: 3px solid #0000;
  border-radius: 0.625rem;
  box-shadow: 5px 5px 30px #00000080;
  max-width: 25.2rem;
  padding: 2.5rem 3rem;
}