/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./styles/signin.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.signin-box {
    width: 100%;
    max-width: 500px;
    padding: 24px; /* Adjusted for better spacing */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: white; /* Light mode background */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.darkmode {
    .container {
        background-color: #121212; /* Dark mode background */
    }
    .box {
        background-color: transparent; /* No background color */
        color: black;
        box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2); /* Light shadow */
    }
}

.signin-main {
    background-color: #fefefe;
    min-height: 100vh;
    width: 100%;
    padding: 0;
}

.signin-cont {
    min-height: 88vh;
}

.app-logo {
    height: 40px;
}

.signin-header {
    font-weight: bold;
    color: #1e5a98;
    margin-bottom: 2em;
}

.signin-vector {
    height: 310px;
    width: auto;
}

.signin-form-cont {
    padding: 0 0.5em;
    margin-top: 2.8em;
}
.signin-form {
    height: 500px;
    box-shadow: 2px 1px 132px -5px rgba(223, 225, 240, 1);
    margin-top: -3.5em;
}
.signin-input {
    height: 45px;
}
.error-helpertext {
    color: "#FF4D4F";
}
.signin-btn {
    background-color: #3d5792 !important;
    color: #fefefe !important;
    height: 50px;
}

@media (max-width: 767px) {
    .signin-desc-cont {
        display: none;
    }

    .signin-form {
        box-shadow: none;
        margin-top: -5.5em;
    }
}

.dark {
    .signin-main {
        background-color: #222531;
    }
    .signin-form {
        box-shadow: none;
        background-color: #323645;
    }
    .signin-btn {
        border: 1px solid #2e4ca2;
    }
    .signin-header {
        color: #d2daed;
    }
}