body.login-page {
    min-height: 100vh;
    background-color: #c8dff2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='xMidYMid slice'%3E%3Cellipse cx='720' cy='1000' rx='900' ry='400' fill='%23a8c8e8' opacity='0.5'/%3E%3Cellipse cx='200' cy='800' rx='600' ry='300' fill='%2390b8de' opacity='0.35'/%3E%3Cellipse cx='1300' cy='750' rx='550' ry='280' fill='%23b8d4ee' opacity='0.4'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
.login-box {
    width: 360px;
}

.login-logo a {
    font-weight: 700;
}

.page-loader {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.page-loader .spinner-border {
    width: 3rem;
    height: 3rem;
}

#togglePassword {
    z-index: 5;
}