body.task-login {
    background: #333 url(../../custom/guarene_bg.jpg) center center / cover no-repeat fixed;
}
body.task-login #layout,
body.task-login #layout-content {
    background: transparent;
}
body.task-login #login-form {
    background: rgba(255, 255, 255, 0.88);
    border-radius: 12px;
    padding: 2em 2.5em;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}
html.dark-mode body.task-login #login-form {
    background: rgba(34, 39, 46, 0.9);
}
body.task-login #login-footer {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}