body.login {
    background-color: var(--tus-wp-login-bg, #1a3a5c);
    background-image: var(--tus-wp-login-bg-image, none);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

body.login #login {
    margin-inline: auto;
    padding: 2rem 0;
    width: min(360px, 92vw);
}

body.login #login > h1,
body.login #login h1.wp-login-logo,
body.login #login h1.wp-login-logo a {
    background: none !important;
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    visibility: hidden !important;
}

.tus-wp-login-banner-wrap {
    box-sizing: border-box;
    display: block;
    margin: 0 auto 1.25rem;
    max-width: min(var(--tus-wp-login-logo-max-w, 320px), 100%);
    padding-inline: 1rem;
    width: 100%;
}

.tus-wp-login-banner-link {
    background-color: var(--tus-wp-login-banner-bg, transparent);
    cursor: pointer;
    display: block;
    line-height: 0;
    text-decoration: none;
}

.tus-wp-login-banner-link:hover,
.tus-wp-login-banner-link:focus {
    opacity: 0.96;
    outline: 2px solid rgba(255, 255, 255, 0.45);
    outline-offset: -2px;
}

.tus-wp-login-banner-img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: var(--tus-wp-login-logo-max-h, 84px);
    max-width: var(--tus-wp-login-logo-max-w, 320px);
    object-fit: contain;
    width: auto;
}

body.login #loginform,
body.login .admin-email-confirm-form,
body.login #lostpasswordform,
body.login #registerform,
body.login #resetpassform {
    background: rgba(255, 255, 255, 0.96);
    border: none;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
    margin-top: 0;
    padding: 26px 24px 20px;
    width: 100%;
}

body.login #loginform .input,
body.login #lostpasswordform .input,
body.login #registerform .input,
body.login #resetpassform .input {
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0.25rem;
    min-height: 2.5rem;
    padding: 0.45rem 0.65rem;
    width: 100%;
}

body.login #loginform label,
body.login #lostpasswordform label,
body.login #registerform label {
    color: #1a2332;
    display: block;
    font-size: 0.875rem;
    line-height: 1.4;
}

body.login #login_error,
body.login .message,
body.login .success {
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

body.login .button-primary {
    background: var(--tus-wp-login-button-bg, #1e4a7a);
    border-color: var(--tus-wp-login-button-hover, #163a62);
    box-shadow: none;
    min-height: 2.5rem;
    text-shadow: none;
    width: 100%;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
    background: var(--tus-wp-login-button-hover, #163a62);
    border-color: var(--tus-wp-login-button-hover, #163a62);
}

body.login #nav,
body.login #backtoblog {
    margin: 1rem 0 0;
    padding: 0;
    text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
    color: var(--tus-wp-login-link-color, #fff);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: var(--tus-wp-login-link-color, #fff);
    opacity: 0.88;
}

body.login .privacy-policy-page-link {
    text-align: center;
}

body.login .privacy-policy-page-link a {
    color: var(--tus-wp-login-link-color, #fff);
    opacity: 0.92;
}

@media screen and (max-width: 782px) {
    body.login #login {
        padding: 1rem 0 2rem;
    }

}

@media screen and (max-width: 480px) {
    body.login #login {
        padding: 0.75rem 0 1.5rem;
    }

    body.login #loginform,
    body.login .admin-email-confirm-form,
    body.login #lostpasswordform,
    body.login #registerform,
    body.login #resetpassform {
        padding: 20px 18px 16px;
    }
}

@media screen and (max-width: 896px) and (orientation: landscape) {
    body.login #login {
        padding-top: 0.5rem;
    }
}