.login {
  @apply py-3 px-8 relative overflow-hidden bg-white dark:bg-darkmode-600;
  &:before {
      content: "";
      @apply w-[57%] -mt-[28%] -mb-[15%] -ml-[13%] absolute inset-y-0 left-0 transform rotate-[-4deg] bg-primary/20 rounded-[100%] dark:bg-darkmode-400;
  }
  &:after {
      content: "";
      @apply w-[57%] -mt-[20%] -mb-[12%] -ml-[13%] absolute inset-y-0 left-0 transform rotate-[-4deg] bg-primary rounded-[100%] dark:bg-darkmode-700;
  }
  .login__input {
      min-width: 350px;
  }
}

@media (max-width: 1280px) {
    .login {
        @apply bg-primary dark:bg-darkmode-800;
    }
    .login::before {
        display: none;
    }
    .login::after {
        display: none;
    }
    .login__input {
        @apply min-w-full;
    }
  }
