body.login {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e0e0e0;
    background-image: url('./assets/login-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#login {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 300px;
    padding: 0;
}
#login .wp-login-logo a {
      width: 64px;
    height: unset;
    aspect-ratio: 1 / 1;
    margin-bottom: 0;
    background-image: url('./assets/lock-white.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    outline: none !important;
    pointer-events: none;
    cursor: default !important;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2));
    transform: translateZ(0); /* drop-shadow safari fix */
}
#loginform {
    margin: 0;
    padding: 0;
    background-color: transparent;
    background: none;
    border: none;
    box-shadow: none;
    overflow: unset;
}
#loginform > *:not(#sso), #nav, #backtoblog { display: none; }

#login-message {
    order: 999;
}

.language-switcher { display: none; }


#sso {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px) saturate(120%);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    outline: none;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}
#sso:hover {
    backdrop-filter: blur(60px) saturate(120%) brightness(102%);
}
#sso:active {
    color: #eee;
    backdrop-filter: blur(60px) saturate(120%) brightness(102%);
}