html[data-page="user_login"],
html[data-page="user_register"],
html[data-page="user_sudo"],
html[data-page="user_lostpass"] {
    background: transparent !important;
}

html[data-page="user_login"]::before,
html[data-page="user_register"]::before,
html[data-page="user_sudo"]::before,
html[data-page="user_lostpass"]::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url('/login-bg.jpg') no-repeat center center fixed;
    background-size: cover;
    filter: blur(14px);
    transform: scale(1.08);
    z-index: 0;
    pointer-events: none;
}

html[data-page="user_login"]::after,
html[data-page="user_register"]::after,
html[data-page="user_sudo"]::after,
html[data-page="user_lostpass"]::after {
    content: "";
    position: fixed;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(80, 160, 255, 0.38),
        rgba(180, 140, 255, 0.38)
    );
    z-index: 1;
    pointer-events: none;
}

html[data-page="user_login"] body,
html[data-page="user_register"] body,
html[data-page="user_sudo"] body,
html[data-page="user_lostpass"] body,
html[data-page="user_login"] #panel,
html[data-page="user_register"] #panel,
html[data-page="user_sudo"] #panel,
html[data-page="user_lostpass"] #panel {
    position: relative;
    z-index: 2;
    background: transparent !important;
}