.fullscreen-background {
    width: 100%;
    height: 100dvh;
    /* Full height */
    background-image: url("/assets/images/login-bg-sisop.png");
    background-size: cover;
    /* Cover the entire viewport */
    background-position: center;
    /* Center the image */
}

.login-container {
    width: 350px;
    max-width: 100%;
    background-color: white;
    padding: 40px 30px;
    border-radius: 20px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    background: linear-gradient(135deg, #FFE48B 0%, #ffffff 30%, #ffffff 70%, #B6D8FF 100%);
}

.login-logo {
    width: 70%;
    height: auto;
    display: block;
    margin: auto;
}