.login {
  margin-top: 4rem;
  color: #495057;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.login__header {
  background-color: #fff;
  padding-bottom: .25rem;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
  font-size: 0.85rem; }
  .login__header:after, .login__header:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%; }
  .login__header:after {
    height: 5rem;
    z-index: -2;
    background: #020024;
    background: radial-gradient(circle at 50% -100%, rgba(240, 240, 240, 0.8) 0%, rgba(240, 240, 240, 0) 70%, rgba(240, 240, 240, 0) 100%); }
  .login__header:before {
    height: 2px;
    z-index: -1;
    background: #020024;
    background: radial-gradient(circle, rgba(227, 227, 227, 0.8) 0%, rgba(227, 227, 227, 0) 85%, rgba(227, 227, 227, 0) 100%); }

.login__form {
  position: relative;
  z-index: 5; }