/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./public/css/secure-password.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/

.hover-input-popup {
    position: relative;
  }
  
  .input-popup {
    display: none;
  }
  
  .hover-input-popup .input-popup {
    display: block;
    position: absolute;
    bottom: 130%;
    left: 50%;
    width: 280px;
    background-color: #1a1a1a;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transform: translateX(-50%);
    transition: all 0.3s;
  }
  
  .input-popup::after {
    position: absolute;
    content: '';
    bottom: -19px;
    left: 50%;
    margin-left: -5px;
    border-width: 10px 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #1a1a1a transparent;
    transform: rotate(180deg);
  }
  
  .input-popup p {
    padding-left: 20px;
    position: relative;
  }
  
  .input-popup p::before {
    position: absolute;
    content: '';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    left: 0;
    top: 4px;
    line-height: 1;
    font-size: 18px;
  }
  
  .input-popup p.error {
    text-decoration: line-through;
  }
  
  .input-popup p.error::before {
    content: "\f057";
    color: #ea5455;
  }
  
  .input-popup p.success::before {
    content: "\f058";
    color: #28c76f;
  }
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/(frontend)/(auth)/login/_components/LoginForm.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.LoginForm_loginBg__CW3OY {
    position: relative;
    overflow: hidden;
}

.LoginForm_loginDecor__YWrna {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.LoginForm_orb__KgYd9,
.LoginForm_orbSoft__Lv3sh,
.LoginForm_dotGrid___rhHc,
.LoginForm_dotGridSmall__iwfdp,
.LoginForm_spark__0wFI_,
.LoginForm_path__88gSe,
.LoginForm_icon__f_Ekv {
    position: absolute;
}

.LoginForm_orb__KgYd9 {
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(33, 150, 243, 0.10) 0%, rgba(33, 150, 243, 0.05) 45%, transparent 70%);
    filter: blur(1px);
}

.LoginForm_orbTopRight__aBTlF {
    top: -160px;
    right: -120px;
}

.LoginForm_orbBottomLeft__1cJJt {
    left: -160px;
    bottom: -180px;
}

.LoginForm_orbBottomRight__rys70 {
    width: 260px;
    height: 260px;
    right: -120px;
    bottom: -80px;
}

.LoginForm_dotGrid___rhHc {
    width: 92px;
    height: 92px;
    background-image: radial-gradient(rgba(33, 150, 243, 0.22) 2.2px, transparent 2.2px);
    background-size: 18px 18px;
    opacity: 0.6;
}

.LoginForm_dotTopLeft__HTAjn {
    top: 44px;
    left: 44px;
}

.LoginForm_dotTopRight__D7K28 {
    top: 72px;
    right: 42px;
}

.LoginForm_dotBottomLeft__2QQlC {
    left: 40px;
    bottom: 52px;
}

.LoginForm_spark__0wFI_ {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffd88a;
    box-shadow: 0 0 0 10px rgba(255, 216, 138, 0.15);
}

.LoginForm_sparkOne__21RYM {
    top: 170px;
    left: 220px;
}

.LoginForm_sparkTwo__FJBjc {
    bottom: 190px;
    left: 260px;
}

.LoginForm_sparkThree__Esybw {
    top: 110px;
    right: 260px;
}

.LoginForm_path__88gSe {
    border-top: 2px dashed rgba(153, 166, 255, 0.55);
    border-radius: 999px;
    opacity: 0.9;
}

.LoginForm_pathOne__3pHKH {
    width: 160px;
    height: 120px;
    top: 180px;
    left: 50px;
    transform: rotate(110deg);
}

.LoginForm_pathTwo__iZKbN {
    width: 220px;
    height: 150px;
    top: 90px;
    right: 92px;
    transform: rotate(14deg);
}

.LoginForm_pathThree__LEpTS {
    width: 230px;
    height: 150px;
    right: 66px;
    bottom: 120px;
    transform: rotate(32deg);
}

.LoginForm_icon__f_Ekv {
    color: rgba(142, 123, 255, 0.72);
    font-size: 3rem;
}

.LoginForm_iconHat__bglRE {
    top: 84px;
    left: 74px;
}

.LoginForm_iconBot__kHe3c {
    left: 30px;
    top: 280px;
    font-size: 3.4rem;
}

.LoginForm_iconBook__b_HeK {
    left: 120px;
    bottom: 86px;
    font-size: 3.2rem;
}

.LoginForm_iconBulb__Gk_3X {
    right: 210px;
    top: 92px;
    color: rgba(255, 184, 77, 0.88);
}

.LoginForm_iconGear__5DJjx {
    right: 86px;
    top: 320px;
    font-size: 3.1rem;
}

.LoginForm_iconBooks__LXxk_ {
    right: 132px;
    bottom: 92px;
}

.LoginForm_iconLeaf__HunFm {
    right: 42px;
    bottom: 80px;
    color: rgba(91, 207, 183, 0.8);
    font-size: 2.8rem;
}

@media (max-width: 991px) {
    .LoginForm_loginBg__CW3OY {
        position: relative;
    }

    .LoginForm_orb__KgYd9,
    .LoginForm_dotGrid___rhHc,
    .LoginForm_path__88gSe,
    .LoginForm_spark__0wFI_,
    .LoginForm_icon__f_Ekv {
        transform: scale(0.85);
        transform-origin: center;
    }
}

@media (max-width: 576px) {
    .LoginForm_orbTopRight__aBTlF,
    .LoginForm_orbBottomLeft__1cJJt,
    .LoginForm_orbBottomRight__rys70,
    .LoginForm_dotTopRight__D7K28,
    .LoginForm_dotBottomLeft__2QQlC,
    .LoginForm_iconGear__5DJjx,
    .LoginForm_iconBooks__LXxk_,
    .LoginForm_iconLeaf__HunFm,
    .LoginForm_pathTwo__iZKbN,
    .LoginForm_pathThree__LEpTS {
        display: none;
    }

    .LoginForm_dotTopLeft__HTAjn {
        top: 18px;
        left: 18px;
    }

    .LoginForm_iconHat__bglRE {
        top: 54px;
        left: 22px;
        font-size: 2.2rem;
    }

    .LoginForm_iconBot__kHe3c {
        top: 210px;
        left: 12px;
        font-size: 2.6rem;
    }

    .LoginForm_iconBook__b_HeK {
        left: 22px;
        bottom: 30px;
        font-size: 2.4rem;
    }

    .LoginForm_iconBulb__Gk_3X {
        right: 18px;
        top: 78px;
        font-size: 2.2rem;
    }

    .LoginForm_pathOne__3pHKH {
        width: 110px;
        height: 92px;
        left: 26px;
        top: 160px;
    }

    .LoginForm_sparkOne__21RYM,
    .LoginForm_sparkTwo__FJBjc,
    .LoginForm_sparkThree__Esybw {
        display: none;
    }
}