::ng-deep body {
    background-image:   linear-gradient(135deg, rgba(189, 52, 194, 0.4), rgba(139, 39, 143, 0.6)),
                        url(../../../assets/img/login-background.jpg);
    background-size: cover;
    background-position: center;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.content {
    background-image: linear-gradient(135deg, #E5E6EC -50%, #F2F3F6 120%);
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 40px;
    margin: auto;
}

.content img {
    width: 150px;
    margin-bottom: 20px;
}

.content h1 {
    font-size: 22px;
}

.content p {
    line-height: 1.5;
    margin-bottom: auto;
}

.content neu-button {
    margin-top: 20px;
    width: 100%;
}

@media screen and (min-width:768px) {
    ::ng-deep body {
        padding: 20px;
    }

    :host {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .content {
        border-radius: 16px;
        max-width: 464px;
        width: 80%;
        height: auto;
    }
    
    .content::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: transparent;
        box-shadow: 3px 3px 20px rgba(36, 65, 93, 0.3);
        border-radius: 16px;
        pointer-events: none;
    }

}
