/* 1. Minden lehetséges réteg hátterének törlése és a kép beállítása */
html.main.task-login body, 
html.main.task-login #layout, 
html.main.task-login #layout > .flex-fill,
html.main.task-login #layout > .container-fluid {
    background-image: url('https://mail.macimuzik.hu/skins/macimuzik/images/macibg.jpeg') !important;
    background-color: #000 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* 2. Az Elastic skin kék/szürke gradiens rétegének (::before) teljes eltüntetése */
html.main.task-login #layout > .flex-fill::before {
    display: none !important;
    background: none !important;
    content: none !important;
}

/* 3. A bejelentkező doboz (kártya) áttetszővé tétele */
html.main.task-login .card {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(5px); /* Modern elmosódott hatás */
    border: none !important;
}