/* Login branding uses the same image assets and shield treatment as the homepage. */
html[dir] body.sh-auth-login .sh-page {
    position: relative;
    isolation: isolate;
    background: #031b2e !important;
}
html[dir] body.sh-auth-login .sh-page::before,
html[dir] body.sh-auth-login .sh-page::after,
html[dir] body.sh-auth-login .sh-brand::before,
html[dir] body.sh-auth-login .sh-brand::after {
    content: none !important;
    display: none !important;
}
body.sh-auth-login .sh-login-home-art {
    position: absolute;
    z-index: -1;
    top: 76px;
    left: 0;
    width: 100%;
    height: calc(100% - 76px);
    object-fit: cover;
    object-position: 16% 34%;
    opacity: .52;
    filter: saturate(.88) contrast(1.02);
    pointer-events: none;
}
html[dir] body.sh-auth-login .sh-brand {
    overflow: visible !important;
}
body.sh-auth-login .sh-home-shield {
    position: relative;
    display: grid;
    width: min(100%, 560px);
    aspect-ratio: 1;
    margin-inline: auto;
    place-items: center;
    isolation: isolate;
}
body.sh-auth-login .sh-home-shield > img {
    position: relative;
    z-index: 3;
    width: clamp(190px, 52%, 300px);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 28px 45px rgba(0,0,0,.42)) drop-shadow(0 0 42px rgba(90,234,207,.16));
    animation: sh-login-home-float 6.8s ease-in-out infinite;
}
body.sh-auth-login .sh-home-shield-glow {
    position: absolute;
    z-index: -1;
    inset: 21%;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(90,234,207,.22),rgba(40,157,243,.12) 42%,transparent 72%);
    filter: blur(26px);
    animation: sh-login-home-glow 4.8s ease-in-out infinite;
    pointer-events: none;
}
@keyframes sh-login-home-float {
    0%,100% {transform:translateY(0) scale(1)}
    50% {transform:translateY(-12px) scale(1.015)}
}
@keyframes sh-login-home-glow {
    0%,100% {opacity:.72;transform:scale(.92)}
    50% {opacity:1;transform:scale(1.08)}
}
@media(max-width:1080px) {
    body.sh-auth-login .sh-login-home-art {display:none}
}
@media(prefers-reduced-motion:reduce) {
    body.sh-auth-login .sh-home-shield > img,
    body.sh-auth-login .sh-home-shield-glow {animation:none}
}