@font-face{font-family:"Poppins";src:url(fonts/poppins-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/poppins-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url(fonts/poppins-600.woff2) format("woff2");font-weight:600;font-display:swap}
html{background:#fff}
body.bse-login{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;margin:0;background:#fff;color:#0f1a33;font:600 16px/1.5 "Poppins",system-ui,sans-serif}
.bse-login__side{position:relative;overflow:hidden;isolation:isolate;background:var(--blazer);color:#fff;padding:22px 24px;display:flex;align-items:flex-end;min-height:110px}
.bse-login__side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bse-login__side::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(1,23,91,.86),rgba(1,23,91,.4))}
  .bse-login__side p{margin:0;font:600 1.2rem/1.2 "Poppins",system-ui,sans-serif}
#login{flex:1;box-sizing:border-box;width:100%;max-width:440px;margin:0 auto;padding:28px 20px 24px}
#login h1{text-align:left}
#login h1 a{display:block;overflow:hidden;text-indent:-9999px;background-repeat:no-repeat;width:172px;height:109px;margin:0 0 18px;background-size:contain;background-position:left center}
.bse-login__intro{position:relative;margin-bottom:20px;min-height:96px}
.bse-login__bear{position:absolute;right:0;top:-104px;width:104px;height:104px}
.bse-login__bear .b{display:block;width:100%;height:100%;overflow:hidden}
.b-pupil{transition:transform .12s}
.b-paws{transition:transform .32s cubic-bezier(.2,1.4,.4,1)}
.is-shy .b-paws{transform:translateY(-92px)}
.is-peek .b-paws{transform:translateY(-68px)}
.b-eyes{transition:transform .2s}
.is-sad .b-mouth{transform:translateY(8px) scaleY(-1);transform-origin:60px 84px}
.bse-login__intro h2{margin:0 0 4px;font:600 1.9rem/1.1 "Poppins",system-ui,sans-serif;color:var(--blazer)}
.bse-login__intro p{margin:0;color:#4f5b76;font-size:1rem}
.login form{margin:0;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
.login label{font-size:1rem;font-weight:600;color:#0f1a33;margin-bottom:6px;display:inline-block}
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email]{box-sizing:border-box;width:100%;min-height:50px;margin:0 0 16px;padding:10px 12px;font:inherit;font-size:1.05rem;color:#0f1a33;background:#fff;border:2px solid #b7c1d6;border-radius:6px;box-shadow:none}
.login form .input:focus,.login input:focus{border-color:var(--blazer);outline:0;box-shadow:0 0 0 3px rgba(1,23,91,.22)}
.wp-pwd{position:relative}
.login .button.wp-hide-pw{top:5px;right:6px;width:44px;height:40px;min-height:0;color:var(--blazer);background:none;border:0;box-shadow:none}
.login form .forgetmenot{float:none!important;clear:both;margin:2px 0 22px!important}
.login .forgetmenot label{font-weight:400;margin:0}
.login input[type=checkbox]{width:20px;height:20px;min-width:0;border:2px solid #b7c1d6;border-radius:4px;margin:0 8px 0 0;vertical-align:-4px}
.login .button-primary,.login .button-large{float:none;width:100%;min-height:52px;font:600 1.05rem "Poppins",system-ui,sans-serif;color:#fff;background:var(--sun);border:0;border-radius:999px;box-shadow:none;text-shadow:none;transition:transform .15s}
.login .button-primary:hover,.login .button-primary:focus{background:var(--blazer);color:#fff;transform:translateY(-1px);box-shadow:none}
.login .submit{clear:both;margin:0}
.login #nav,.login #backtoblog{margin:16px 0 0;padding:0;font-size:1rem}
.login #nav a,.login #backtoblog a{color:var(--blazer);text-underline-offset:3px;text-decoration:underline}
.login .message,.login .notice,.login .success,.login #login_error{margin:0 0 18px;padding:12px 14px;border:0;border-left:5px solid var(--blazer);border-radius:6px;background:#f5f7fb;box-shadow:none;font-size:1rem}
.login #login_error,.login .notice-error{border-left-color:#860217;background:#f8e6e9;color:#860217}
.privacy-policy-page-link{display:none}
@media (min-width:880px){
  body.bse-login{flex-direction:row}
  .bse-login__side{flex:0 0 52%;padding:clamp(32px,5vw,72px)}
  .bse-login__side p{font-size:clamp(2.2rem,4.4vw,3.8rem);line-height:1.05;max-width:12em}
  #login{align-self:center;flex:0 1 460px;margin:auto}
}
#login_error{animation:bse-shake .4s}
@keyframes bse-shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
