HTML/CSS login project [Glassmorphism]

body {
        background-color: #080710;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 95vh;
        font-family: "Poppins", sans-serif;
        font-weight: 200;
        font-style: normal;
        color: aliceblue;
      }
      .main {
        position: relative;
        display: inline-block;
      }
      .circle_top {
        position: absolute;
        width: 200px;
        height: 200px;
        border-radius: 150px;
        left: -103px;
        top: -91px;
        z-index: 1;
        background-image: linear-gradient(
          60deg,
          hsl(240deg 100% 72%) 0%,
          hsl(239deg 87% 68%) 10%,
          hsl(237deg 77% 64%) 18%,
          hsl(236deg 69% 61%) 24%,
          hsl(235deg 62% 57%) 29%,
          hsl(233deg 57% 53%) 34%,
          hsl(232deg 52% 50%) 39%,
          hsl(230deg 56% 46%) 43%,
          hsl(228deg 60% 43%) 48%,
          hsl(227deg 65% 39%) 55%,
          hsl(224deg 72% 35%) 63%,
          hsl(222deg 82% 31%) 76%,
          hsl(218deg 100% 26%) 100%
        );
      }
      .circle_bottom {
        position: absolute;
        width: 200px;
        height: 200px;
        border-radius: 150px;
        right: -62px;
        bottom: -131px;
        z-index: 2;
        background-image: linear-gradient(
          90deg,
          hsl(23deg 92% 45%) 0%,
          hsl(27deg 99% 45%) 14%,
          hsl(30deg 100% 46%) 27%,
          hsl(32deg 100% 47%) 38%,
          hsl(34deg 100% 47%) 49%,
          hsl(37deg 100% 48%) 59%,
          hsl(39deg 100% 49%) 67%,
          hsl(42deg 100% 49%) 74%,
          hsl(44deg 100% 50%) 80%,
          hsl(47deg 100% 50%) 84%,
          hsl(49deg 100% 50%) 88%,
          hsl(52deg 100% 50%) 93%,
          hsl(55deg 100% 50%) 100%
        );
      }
      .form {
        width: 250px;
        height: auto;
        position: relative;
        padding: 25px;
        z-index: 10000;
        background: rgba( 255, 255, 255, 0.25 );
        box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
        backdrop-filter: blur( 5.5px );
        -webkit-backdrop-filter: blur( 5.5px );
        border-radius: 10px;
        border: 1px solid rgba( 255, 255, 255, 0.18 );
      }
      .form h2 {
        text-align: center;
      }
      .form input {
        color: aliceblue;
        background-color: #0000002b;
        width: 95%;
        padding: 12px 8px;
        border-radius: 3px;
        border: 0;
        margin-bottom: 15px;
        margin-top: 5px;
      }
      .form input::placeholder {
        color: rgba(240, 248, 255, 0.764);
      }
      .form button {
        background-color: aliceblue;
        width: 100%;
        text-align: center;
        padding: 12px;
        border: 0;
        border-radius: 5px;
        margin-top: 15px;
      }