body.task-login {
    background:
        radial-gradient(circle at 15% 20%, rgba(6,182,212,.18), transparent 32rem),
        radial-gradient(circle at 85% 80%, rgba(37,99,235,.20), transparent 36rem),
        linear-gradient(135deg, #f8fbff 0%, #eef6ff 48%, #f8fafc 100%);
}
body.task-login #layout-content { min-height: 100vh; }
body.task-login #logo {
    top: 10vh;
    width: min(440px, 84vw);
    max-height: 112px;
}
body.task-login #login-form {
    top: 13vh;
    max-width: 390px;
    padding: 2rem 2rem 1.35rem;
    border: 1px solid rgba(37,99,235,.18);
    border-radius: 1.15rem;
    background: rgba(255,255,255,.96);
    box-shadow: 0 24px 70px rgba(15,23,42,.14);
}
body.task-login #login-form::before {
    content: "Sign in to your DWShells mailbox";
    display: block;
    margin: 0 0 1.35rem;
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 700;
}
body.task-login #login-form::after {
    content: "Protected by TLS and automated abuse prevention";
    display: block;
    margin-top: 1rem;
    color: #64748b;
    font-size: .78rem;
}
body.task-login #rcmloginsubmit {
    border-color: #2563eb;
    background: linear-gradient(90deg, #2563eb, #0891b2);
    box-shadow: 0 8px 20px rgba(37,99,235,.22);
}
body.task-login #login-footer { color: #64748b; }
body.task-login #login-footer > div { background: transparent; padding-bottom: 0; }
@media (max-height: 680px) {
    body.task-login #logo { top: 4vh; max-height: 82px; }
    body.task-login #login-form { top: 6vh; }
}
@media (prefers-color-scheme: dark) {
    body.task-login { background: radial-gradient(circle at 20% 20%, #0d3b66, transparent 40rem), #07111f; }
    body.task-login #login-form { background: rgba(15,23,42,.96); border-color: rgba(6,182,212,.25); }
    body.task-login #login-form::before { color: #f8fafc; }
    body.task-login #login-form::after, body.task-login #login-footer { color: #94a3b8; }
}

/* Keep the wordmark readable in both browser color schemes. */
body.task-login #logo {
    box-sizing: content-box;
    padding: .45rem .85rem;
    border-radius: .9rem;
    background: rgba(255,255,255,.94);
}