:root{--bg-login-font:var(--blue-guard-font,"BlueGuardIranYekan",Tahoma,Arial,sans-serif)}
html.bg-login-html,html:has(body.login.bg-login-redesign){height:100%;overflow:hidden!important}
body.login.bg-login-redesign{
    --login-bg-1:#071426;--login-bg-2:#17254f;--login-card:rgba(9,25,48,.72);--login-line:rgba(164,207,255,.24);
    --login-line-focus:rgba(85,205,255,.72);--login-text:#f7fbff;--login-muted:#a4b7d2;--login-accent:#36c5ff;--login-accent-2:#5d67ff;
    --login-input:rgba(255,255,255,.075);--login-shadow:0 30px 90px rgba(0,0,0,.36);
    width:100%;height:100svh;min-height:100svh;margin:0!important;padding:24px!important;overflow:hidden!important;
    display:grid;place-items:center;color:var(--login-text);font-family:var(--bg-login-font)!important;
    background:linear-gradient(135deg,var(--login-bg-1),var(--login-bg-2));
}
body.login.bg-login-theme-midnight{--login-bg-1:#060810;--login-bg-2:#1a1d37;--login-card:rgba(10,14,29,.76);--login-line:rgba(181,188,255,.20);--login-line-focus:rgba(165,174,255,.68);--login-accent:#9ea9ff;--login-accent-2:#635dff}
body.login.bg-login-theme-emerald{--login-bg-1:#041918;--login-bg-2:#0a3b38;--login-card:rgba(5,34,33,.74);--login-line:rgba(108,245,206,.21);--login-line-focus:rgba(88,237,196,.70);--login-accent:#42e6bb;--login-accent-2:#0ca9ac}
body.login.bg-login-theme-sunset{--login-bg-1:#210d12;--login-bg-2:#4a2238;--login-card:rgba(47,19,29,.74);--login-line:rgba(255,190,145,.22);--login-line-focus:rgba(255,180,126,.72);--login-accent:#ffb15f;--login-accent-2:#f0548c}
body.login.bg-login-theme-light{--login-bg-1:#edf5ff;--login-bg-2:#eceeff;--login-card:rgba(255,255,255,.76);--login-line:rgba(55,102,175,.19);--login-line-focus:rgba(46,119,255,.48);--login-text:#10213d;--login-muted:#657896;--login-accent:#1f83ff;--login-accent-2:#7164ee;--login-input:rgba(238,244,255,.84);--login-shadow:0 28px 80px rgba(61,91,141,.20)}
body.login.bg-login-redesign *{box-sizing:border-box}
body.login.bg-login-redesign a{font-family:var(--bg-login-font)!important}

body.login.bg-login-redesign .bg-login-shell{
    position:relative;z-index:2;width:min(1120px,calc(100vw - 48px));height:min(720px,calc(100svh - 88px));
    display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);grid-template-areas:"story login";gap:18px;
    align-items:stretch;direction:ltr;
}
body.login.bg-login-layout-form-left .bg-login-shell{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);grid-template-areas:"login story"}
body.login.bg-login-layout-center .bg-login-shell{width:min(430px,calc(100vw - 28px));height:auto;display:block}
body.login.bg-login-layout-center .bg-login-story{display:none!important}

body.login.bg-login-redesign #login{
    grid-area:login;align-self:center;width:100%;max-width:430px;margin:auto!important;padding:0!important;direction:rtl;
}
body.login.bg-login-redesign #login h1{margin:0 0 14px!important;padding:0;text-align:center}
body.login.bg-login-redesign #login h1 a{
    display:block;width:72px;height:72px;margin:0 auto;background-size:58px;background-position:center;background-repeat:no-repeat;
    filter:drop-shadow(0 12px 28px rgba(0,0,0,.18));transition:transform .25s ease,filter .25s ease;
}
body.login.bg-login-redesign #login h1 a:hover{transform:translateY(-2px);filter:drop-shadow(0 15px 34px rgba(0,0,0,.24))}
body.login.bg-login-redesign.bg-login-custom-logo #login h1 a{width:min(190px,70%);height:72px;background-size:contain}

body.login.bg-login-redesign #loginform,
body.login.bg-login-redesign #registerform,
body.login.bg-login-redesign #lostpasswordform{
    position:relative;margin:0!important;padding:28px!important;overflow:visible;
    border:1px solid var(--login-line)!important;border-radius:24px!important;background:var(--login-card)!important;color:var(--login-text)!important;
    box-shadow:var(--login-shadow),inset 0 1px 0 rgba(255,255,255,.11)!important;
    backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
}
body.login.bg-login-redesign form>*{position:relative;z-index:1}
body.login.bg-login-redesign label{color:var(--login-text)!important;font-family:var(--bg-login-font)!important;font-size:12px!important;font-weight:800!important;line-height:1.8!important}
body.login.bg-login-redesign .user-pass-wrap{margin-top:14px}
body.login.bg-login-redesign input[type=text],
body.login.bg-login-redesign input[type=email],
body.login.bg-login-redesign input[type=password],
body.login.bg-login-redesign input[data-bg-password-visible="1"]{
    width:100%;min-height:48px;margin:7px 0 0!important;padding:10px 14px!important;border:1px solid var(--login-line)!important;
    border-radius:14px!important;background:var(--login-input)!important;color:var(--login-text)!important;
    font-family:var(--bg-login-font)!important;font-size:14px!important;box-shadow:none!important;outline:none!important;
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
body.login.bg-login-redesign input:focus{border-color:var(--login-line-focus)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--login-accent) 14%,transparent)!important}
body.login.bg-login-redesign input::placeholder{color:var(--login-muted)!important}

/* Password UX: logical positioning works in RTL and LTR without covering typed text. */
body.login.bg-login-redesign .wp-pwd{position:relative!important;display:block!important}
body.login.bg-login-redesign .wp-pwd input{padding-inline-end:58px!important}
body.login.bg-login-redesign .button.wp-hide-pw{
    position:absolute!important;inset-inline-end:6px!important;inset-inline-start:auto!important;top:calc(50% + 3px)!important;
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;transform:translateY(-50%)!important;border:1px solid transparent!important;border-radius:11px!important;
    background:transparent!important;color:var(--login-muted)!important;box-shadow:none!important;outline:none!important;cursor:pointer!important;z-index:4!important;
}
body.login.bg-login-redesign .button.wp-hide-pw:hover,body.login.bg-login-redesign .button.wp-hide-pw:focus{border-color:var(--login-line)!important;background:color-mix(in srgb,var(--login-input) 76%,transparent)!important;color:var(--login-accent)!important;box-shadow:none!important}
body.login.bg-login-redesign .button.wp-hide-pw .dashicons{width:20px!important;height:20px!important;font-family:dashicons!important;font-size:20px!important;line-height:20px!important}

body.login.bg-login-redesign .forgetmenot{margin:15px 0 0!important;float:none!important}
body.login.bg-login-redesign .forgetmenot label{display:inline-flex!important;align-items:center;gap:8px;font-size:11px!important;color:var(--login-muted)!important}
body.login.bg-login-redesign input[type=checkbox]{width:17px;height:17px;margin:0!important;border:1px solid var(--login-line)!important;border-radius:5px!important;background:var(--login-input)!important;box-shadow:none!important}
body.login.bg-login-redesign input[type=checkbox]:checked::before{margin:-2px 0 0 -3px;color:var(--login-accent)}
body.login.bg-login-redesign .submit{margin:18px 0 0!important;padding:0!important}
body.login.bg-login-redesign .button-primary{
    width:100%;min-height:48px;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--login-accent),var(--login-accent-2))!important;color:#fff!important;
    font-family:var(--bg-login-font)!important;font-size:13px!important;font-weight:900!important;text-shadow:none!important;box-shadow:0 14px 32px color-mix(in srgb,var(--login-accent) 24%,transparent)!important;
    transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
body.login.bg-login-redesign .button-primary:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 18px 38px color-mix(in srgb,var(--login-accent) 30%,transparent)!important}
body.login.bg-login-redesign #nav,body.login.bg-login-redesign #backtoblog{margin:11px 0 0!important;padding:0!important;text-align:center!important}
body.login.bg-login-redesign #nav a,body.login.bg-login-redesign #backtoblog a{color:var(--login-muted)!important;font-size:11px!important;text-decoration:none!important}
body.login.bg-login-redesign #nav a:hover,body.login.bg-login-redesign #backtoblog a:hover{color:var(--login-text)!important}
body.login.bg-login-redesign .message,body.login.bg-login-redesign .notice,body.login.bg-login-redesign #login_error{
    margin:0 0 12px!important;padding:11px 13px!important;border:1px solid var(--login-line)!important;border-left-width:1px!important;border-radius:13px!important;
    background:var(--login-card)!important;color:var(--login-text)!important;box-shadow:none!important;font-size:11px!important;line-height:1.9!important;
}

/* Optional visual/content panel for split layouts. */
body.login.bg-login-redesign > .bg-login-story{display:none!important}
body.login.bg-login-redesign .bg-login-shell > .bg-login-story{display:block}
body.login.bg-login-redesign .bg-login-story{
    grid-area:story;position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--login-line) 82%,transparent);
    border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--login-accent) 22%,var(--login-bg-1)),color-mix(in srgb,var(--login-accent-2) 26%,var(--login-bg-2)));
    box-shadow:0 30px 90px rgba(0,0,0,.24);direction:rtl;
}
body.login.bg-login-redesign .bg-login-story__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
body.login.bg-login-redesign .bg-login-story__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,23,.05),rgba(3,10,23,.16) 42%,rgba(3,10,23,.82))}
body.login.bg-login-theme-light .bg-login-story__shade{background:linear-gradient(180deg,rgba(20,38,70,.02),rgba(20,38,70,.1) 42%,rgba(20,38,70,.76))}
body.login.bg-login-redesign .bg-login-story__content{position:absolute;z-index:2;inset-inline:34px;bottom:34px;color:#fff}
body.login.bg-login-redesign .bg-login-story__eyebrow{display:inline-flex;margin-bottom:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;font-weight:800;backdrop-filter:blur(10px)}
body.login.bg-login-redesign .bg-login-story h2{max-width:620px;margin:0 0 10px;color:#fff;font-family:var(--bg-login-font)!important;font-size:clamp(24px,3.2vw,42px);line-height:1.55;font-weight:900}
body.login.bg-login-redesign .bg-login-story p{max-width:560px;margin:0;color:rgba(255,255,255,.82);font-family:var(--bg-login-font)!important;font-size:13px;line-height:2}
body.login.bg-login-redesign .bg-login-story__visual{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
body.login.bg-login-redesign .bg-login-story__visual:before{content:"";width:280px;height:280px;border-radius:34% 66% 56% 44%/50% 36% 64% 50%;background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 28px 80px rgba(0,0,0,.18);transform:translateY(-40px) rotate(-8deg);animation:bgLoginVisual 10s ease-in-out infinite alternate}
body.login.bg-login-redesign .bg-login-story__visual span,body.login.bg-login-redesign .bg-login-story__visual i,body.login.bg-login-redesign .bg-login-story__visual b{position:absolute;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(1px)}
body.login.bg-login-redesign .bg-login-story__visual span{width:92px;height:92px;top:14%;left:14%}body.login.bg-login-redesign .bg-login-story__visual i{width:54px;height:54px;top:24%;right:18%}body.login.bg-login-redesign .bg-login-story__visual b{width:120px;height:120px;bottom:22%;right:24%}

body.login.bg-login-redesign .language-switcher{position:fixed!important;left:50%!important;right:auto!important;bottom:40px!important;top:auto!important;width:auto!important;margin:0!important;padding:0!important;transform:translateX(-50%);z-index:8}
body.login.bg-login-redesign .language-switcher form{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;padding:5px!important;border:1px solid var(--login-line)!important;border-radius:12px!important;background:color-mix(in srgb,var(--login-card) 84%,transparent)!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important;backdrop-filter:blur(14px)}
body.login.bg-login-redesign .language-switcher label{display:none!important}
body.login.bg-login-redesign .language-switcher select{width:auto!important;min-width:118px!important;height:32px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--login-text)!important;font-family:var(--bg-login-font)!important;font-size:10px!important;box-shadow:none!important}
body.login.bg-login-redesign .language-switcher .button{min-height:32px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:color-mix(in srgb,var(--login-accent) 16%,transparent)!important;color:var(--login-text)!important;font-family:var(--bg-login-font)!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}
body.login.bg-login-redesign .language-switcher .dashicons{font-family:dashicons!important;color:var(--login-accent)!important}
body.login.bg-login-redesign .bg-login-powered{position:fixed;left:50%;bottom:13px;z-index:8;transform:translateX(-50%);white-space:nowrap;direction:ltr;padding:3px 9px;border:1px solid color-mix(in srgb,var(--login-line) 60%,transparent);border-radius:999px;background:color-mix(in srgb,var(--login-card) 40%,transparent);color:var(--login-muted);opacity:.62;font-family:var(--bg-login-font)!important;font-size:9px;line-height:1.6;backdrop-filter:blur(8px);transition:opacity .2s ease,color .2s ease}
body.login.bg-login-redesign .bg-login-powered:hover{opacity:.94;color:var(--login-text)}body.login.bg-login-redesign .bg-login-powered b{color:var(--login-text);font-weight:800}body.login.bg-login-redesign .bg-login-powered a{color:var(--login-accent);text-decoration:none;font-weight:700}

@keyframes bgLoginVisual{from{transform:translateY(-44px) rotate(-10deg) scale(.96)}to{transform:translateY(-24px) rotate(6deg) scale(1.04)}}
@media(max-width:880px){
    body.login.bg-login-redesign{padding:18px!important}
    body.login.bg-login-redesign .bg-login-shell{width:min(430px,calc(100vw - 28px));height:auto;display:block}
    body.login.bg-login-redesign .bg-login-story{display:none!important}
}
@media(max-width:520px){
    body.login.bg-login-redesign{padding:12px!important}
    body.login.bg-login-redesign #loginform,body.login.bg-login-redesign #registerform,body.login.bg-login-redesign #lostpasswordform{padding:22px 19px!important;border-radius:21px!important}
    body.login.bg-login-redesign #login h1{margin-bottom:10px!important}
    body.login.bg-login-redesign #login h1 a{width:62px;height:62px;background-size:52px}
    body.login.bg-login-redesign.bg-login-custom-logo #login h1 a{height:62px}
}
@media(max-height:700px){
    body.login.bg-login-redesign{padding:10px 16px 58px!important}
    body.login.bg-login-redesign .bg-login-shell{height:min(590px,calc(100svh - 76px))}
    body.login.bg-login-redesign #login h1{margin-bottom:8px!important}
    body.login.bg-login-redesign #login h1 a{width:54px;height:54px;background-size:46px}
    body.login.bg-login-redesign #loginform,body.login.bg-login-redesign #registerform,body.login.bg-login-redesign #lostpasswordform{padding:18px 22px!important}
    body.login.bg-login-redesign input[type=text],body.login.bg-login-redesign input[type=email],body.login.bg-login-redesign input[type=password],body.login.bg-login-redesign input[data-bg-password-visible="1"]{min-height:42px}
    body.login.bg-login-redesign .button-primary{min-height:42px}
    body.login.bg-login-redesign .language-switcher{bottom:35px!important}
    body.login.bg-login-redesign .bg-login-powered{bottom:8px}
}
@media(prefers-reduced-motion:reduce){body.login.bg-login-redesign .bg-login-story__visual:before{animation:none!important}}
@media(max-height:610px) and (min-width:881px){body.login.bg-login-redesign .bg-login-shell{transform:scale(.88);transform-origin:center}}
@media(max-height:610px) and (max-width:880px){body.login.bg-login-redesign #login{transform:scale(.86);transform-origin:center}}

/* ========================================================================== */
/* Final RTL/LTR geometry and password-control compatibility                  */
/* ========================================================================== */
html.bg-login-html,
html.bg-login-html body.login.bg-login-redesign{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
}
body.login.bg-login-redesign{
    max-width:none!important;
    max-height:100svh!important;
}
body.login.bg-login-redesign #login,
body.login.bg-login-redesign #loginform,
body.login.bg-login-redesign #registerform,
body.login.bg-login-redesign #lostpasswordform{
    text-align:start!important;
}

/* Persian/RTL: typing begins on the physical right, with the eye on the left. */
html[dir="rtl"] body.login.bg-login-redesign #login,
body.login.bg-login-redesign.bg-login-is-rtl #login{
    direction:rtl!important;
    text-align:right!important;
}
html[dir="rtl"] body.login.bg-login-redesign input[type="text"],
html[dir="rtl"] body.login.bg-login-redesign input[type="email"],
html[dir="rtl"] body.login.bg-login-redesign input[type="password"],
html[dir="rtl"] body.login.bg-login-redesign input[data-bg-password-visible="1"],
body.login.bg-login-redesign.bg-login-is-rtl input[type="text"],
body.login.bg-login-redesign.bg-login-is-rtl input[type="email"],
body.login.bg-login-redesign.bg-login-is-rtl input[type="password"],
body.login.bg-login-redesign.bg-login-is-rtl input[data-bg-password-visible="1"]{
    direction:rtl!important;
    text-align:right!important;
    unicode-bidi:plaintext!important;
}
html[dir="rtl"] body.login.bg-login-redesign .wp-pwd input,
body.login.bg-login-redesign.bg-login-is-rtl .wp-pwd input{
    padding-right:14px!important;
    padding-left:56px!important;
}
html[dir="rtl"] body.login.bg-login-redesign .button.wp-hide-pw,
body.login.bg-login-redesign.bg-login-is-rtl .button.wp-hide-pw{
    right:auto!important;
    left:7px!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
}

/* LTR: typing begins on the left, with the eye on the right. */
html[dir="ltr"] body.login.bg-login-redesign #login,
body.login.bg-login-redesign.bg-login-is-ltr #login{
    direction:ltr!important;
    text-align:left!important;
}
html[dir="ltr"] body.login.bg-login-redesign input[type="text"],
html[dir="ltr"] body.login.bg-login-redesign input[type="email"],
html[dir="ltr"] body.login.bg-login-redesign input[type="password"],
html[dir="ltr"] body.login.bg-login-redesign input[data-bg-password-visible="1"],
body.login.bg-login-redesign.bg-login-is-ltr input[type="text"],
body.login.bg-login-redesign.bg-login-is-ltr input[type="email"],
body.login.bg-login-redesign.bg-login-is-ltr input[type="password"],
body.login.bg-login-redesign.bg-login-is-ltr input[data-bg-password-visible="1"]{
    direction:ltr!important;
    text-align:left!important;
    unicode-bidi:plaintext!important;
}
html[dir="ltr"] body.login.bg-login-redesign .wp-pwd input,
body.login.bg-login-redesign.bg-login-is-ltr .wp-pwd input{
    padding-left:14px!important;
    padding-right:56px!important;
}
html[dir="ltr"] body.login.bg-login-redesign .button.wp-hide-pw,
body.login.bg-login-redesign.bg-login-is-ltr .button.wp-hide-pw{
    left:auto!important;
    right:7px!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
}

body.login.bg-login-redesign .wp-pwd{
    position:relative!important;
    display:block!important;
    width:100%!important;
    direction:inherit!important;
}
body.login.bg-login-redesign .button.wp-hide-pw{
    top:50%!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    transform:translateY(-50%)!important;
    border:1px solid color-mix(in srgb,var(--login-line) 72%,transparent)!important;
    background:color-mix(in srgb,var(--login-input) 68%,transparent)!important;
    border-radius:10px!important;
    line-height:1!important;
}
body.login.bg-login-redesign .button.wp-hide-pw:hover,
body.login.bg-login-redesign .button.wp-hide-pw:focus-visible{
    border-color:var(--login-line-focus)!important;
    background:color-mix(in srgb,var(--login-accent) 13%,var(--login-input))!important;
    color:var(--login-accent)!important;
}
body.login.bg-login-redesign .button.wp-hide-pw .dashicons{
    display:block!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    font-family:dashicons!important;
    font-size:18px!important;
    line-height:18px!important;
}
body.login.bg-login-redesign #nav,
body.login.bg-login-redesign #backtoblog{
    width:100%!important;
    max-width:100%!important;
    direction:inherit!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
}
body.login.bg-login-redesign #nav a,
body.login.bg-login-redesign #backtoblog a{
    display:inline-block!important;
}
body.login.bg-login-redesign .language-switcher{
    max-width:calc(100vw - 24px)!important;
}
body.login.bg-login-redesign .language-switcher form{
    max-width:100%!important;
    overflow:hidden!important;
}
body.login.bg-login-redesign .language-switcher select{
    max-width:170px!important;
}
@media(max-width:520px){
    body.login.bg-login-redesign input[type="text"],
    body.login.bg-login-redesign input[type="email"],
    body.login.bg-login-redesign input[type="password"],
    body.login.bg-login-redesign input[data-bg-password-visible="1"]{
        min-height:46px!important;
        font-size:13px!important;
    }
    body.login.bg-login-redesign .button.wp-hide-pw{
        width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
    }
}

/* ========================================================================== */
/* Final login geometry hotfix: password control, form height and link spacing */
/* ========================================================================== */
body.login.bg-login-redesign #login{
    max-width:440px!important;
}
body.login.bg-login-redesign #loginform,
body.login.bg-login-redesign #registerform,
body.login.bg-login-redesign #lostpasswordform{
    padding:30px 28px 32px!important;
}
body.login.bg-login-redesign .user-pass-wrap{
    margin-top:16px!important;
}
body.login.bg-login-redesign .wp-pwd{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin-top:7px!important;
    overflow:visible!important;
}
body.login.bg-login-redesign .wp-pwd input,
body.login.bg-login-redesign input[type="password"],
body.login.bg-login-redesign input[data-bg-password-visible="1"]{
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    line-height:28px!important;
}
/* Password dots stay on the typing side; the eye always occupies the opposite side. */
html[dir="rtl"] body.login.bg-login-redesign .wp-pwd input,
body.login.bg-login-redesign.bg-login-is-rtl .wp-pwd input{
    direction:ltr!important;
    text-align:right!important;
    padding:10px 14px 10px 58px!important;
}
html[dir="ltr"] body.login.bg-login-redesign .wp-pwd input,
body.login.bg-login-redesign.bg-login-is-ltr .wp-pwd input{
    direction:ltr!important;
    text-align:left!important;
    padding:10px 58px 10px 14px!important;
}
html[dir="rtl"] body.login.bg-login-redesign .button.wp-hide-pw,
body.login.bg-login-redesign.bg-login-is-rtl .button.wp-hide-pw{
    right:auto!important;
    left:8px!important;
}
html[dir="ltr"] body.login.bg-login-redesign .button.wp-hide-pw,
body.login.bg-login-redesign.bg-login-is-ltr .button.wp-hide-pw{
    left:auto!important;
    right:8px!important;
}
body.login.bg-login-redesign .button.wp-hide-pw{
    top:50%!important;
    bottom:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:translateY(-50%)!important;
    line-height:0!important;
}
body.login.bg-login-redesign .button.wp-hide-pw .dashicons,
body.login.bg-login-redesign .button.wp-hide-pw .dashicons:before{
    display:block!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    padding:0!important;
    font-family:dashicons!important;
    font-size:20px!important;
    line-height:20px!important;
    text-align:center!important;
}
body.login.bg-login-redesign .forgetmenot{
    margin-top:17px!important;
}
body.login.bg-login-redesign .submit{
    display:block!important;
    clear:both!important;
    width:100%!important;
    min-height:50px!important;
    margin:21px 0 0!important;
    padding:0!important;
    overflow:visible!important;
}
body.login.bg-login-redesign .submit:after{
    content:"";
    display:block;
    clear:both;
}
body.login.bg-login-redesign .button-primary{
    position:static!important;
    float:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 18px!important;
}
body.login.bg-login-redesign #nav{
    margin:18px 0 0!important;
    line-height:1.9!important;
}
body.login.bg-login-redesign #backtoblog{
    margin:9px 0 0!important;
    line-height:1.9!important;
}
body.login.bg-login-redesign #nav a,
body.login.bg-login-redesign #backtoblog a{
    padding:3px 6px!important;
}
@media(max-width:520px){
    body.login.bg-login-redesign #loginform,
    body.login.bg-login-redesign #registerform,
    body.login.bg-login-redesign #lostpasswordform{
        padding:25px 20px 27px!important;
    }
    body.login.bg-login-redesign .wp-pwd,
    body.login.bg-login-redesign .wp-pwd input,
    body.login.bg-login-redesign input[type="password"],
    body.login.bg-login-redesign input[data-bg-password-visible="1"]{
        height:48px!important;
        min-height:48px!important;
    }
    body.login.bg-login-redesign .submit,
    body.login.bg-login-redesign .button-primary{
        height:48px!important;
        min-height:48px!important;
    }
}
@media(max-height:700px){
    body.login.bg-login-redesign #loginform,
    body.login.bg-login-redesign #registerform,
    body.login.bg-login-redesign #lostpasswordform{
        padding:22px 24px 24px!important;
    }
    body.login.bg-login-redesign #nav{margin-top:13px!important}
    body.login.bg-login-redesign #backtoblog{margin-top:6px!important}
}

/* ========================================================================== */
/* Balanced split layouts: compact visual panel, standard-width login form.   */
/* ========================================================================== */
@media (min-width:881px){
  body.login.bg-login-redesign .bg-login-shell{
    width:min(960px,calc(100vw - 64px))!important;
    height:min(610px,calc(100svh - 104px))!important;
    grid-template-columns:minmax(300px,.78fr) minmax(390px,1.22fr)!important;
    grid-template-areas:"story login"!important;
    gap:22px!important;
    align-items:center!important;
  }
  body.login.bg-login-layout-form-left .bg-login-shell{
    grid-template-columns:minmax(390px,1.22fr) minmax(300px,.78fr)!important;
    grid-template-areas:"login story"!important;
  }
  body.login.bg-login-redesign #login{
    width:100%!important;
    max-width:410px!important;
  }
  body.login.bg-login-redesign .bg-login-story{
    width:100%!important;
    height:min(500px,100%)!important;
    align-self:center!important;
    border-radius:24px!important;
    box-shadow:0 24px 68px rgba(0,0,0,.20)!important;
  }
  body.login.bg-login-redesign .bg-login-story__content{
    inset-inline:26px!important;
    bottom:26px!important;
  }
  body.login.bg-login-redesign .bg-login-story__eyebrow{
    margin-bottom:9px!important;
    padding:5px 9px!important;
    font-size:9px!important;
  }
  body.login.bg-login-redesign .bg-login-story h2{
    max-width:390px!important;
    margin-bottom:8px!important;
    font-size:clamp(21px,2.25vw,30px)!important;
    line-height:1.55!important;
  }
  body.login.bg-login-redesign .bg-login-story p{
    max-width:390px!important;
    font-size:12px!important;
    line-height:1.9!important;
  }
  body.login.bg-login-redesign .bg-login-story__visual:before{
    width:205px!important;
    height:205px!important;
    transform:translateY(-24px) rotate(-7deg)!important;
  }
  body.login.bg-login-redesign .bg-login-story__visual span{width:70px!important;height:70px!important}
  body.login.bg-login-redesign .bg-login-story__visual i{width:42px!important;height:42px!important}
  body.login.bg-login-redesign .bg-login-story__visual b{width:86px!important;height:86px!important}
}

@media (min-width:881px) and (max-height:720px){
  body.login.bg-login-redesign .bg-login-shell{
    height:min(560px,calc(100svh - 86px))!important;
  }
  body.login.bg-login-redesign .bg-login-story{height:min(450px,100%)!important}
}