@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(110deg,
        #b1d5ff 0%,
        #78c3fc 25%,
        #6d7afd 50%,
        #b6d2f7 75%,
        #aea6fc 100%
    );
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    background: #313d4f;
    -webkit-border-radius: 0;
    border-radius: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-family: "Inter", sans-serif;
}
::-moz-selection {
    text-shadow: none;
    background: #2e988a;
    color: #fff;
}

::selection {
    text-shadow: none;
    background: #2e988a;
    color: #fff;
}
.loginbox{box-shadow: 0 8px 30px rgba(12, 20, 16, 0.06); background:#fff; padding:35px; min-height:400px; border-radius:10px;
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 100%;
    max-width: 400px;
}
.loginuserinput{ border:1px solid #f1edea; padding:8px 15px; width:100%; outline:none; border-radius:5px;} 
label{ font-size:13px; margin-top:10px; margin-bottom:10px;}
.loginuserbutton{border:none; background:#057062; padding:8px 15px; width:100%; outline:none; border-radius:5px; color:#fff; margin-top:10px;}
.loginbox a{ color:#057062; text-decoration:none;}
.loginbox a:hover{text-decoration:underline;}
.forgotdiv{ position:relative;}
.sendotp{ position:absolute; right:0px;padding:8px 15px;border:none; background:#e5fdfa;}
.loginbox img{ width:100%; height:60px; object-fit:contain; margin-bottom:30px;}
footer{ position:fixed; bottom:8px; text-align:center; color:#fff; line-height:22px;}
footer a{ color:#fff; text-decoration:none;}
@media screen and (min-width:150px) and (max-width:992px) {

.loginbox {
    width: 88%;
}
.sendotp {
    position: static;
border:none; background:#057062; padding:8px 15px; width:100%; outline:none; border-radius:5px; color:#fff; margin-top:10px;}
}