.login-page{background:var(--bp-white)}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{padding:48px 55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;color:white;background:var(--bp-action) url(scouter-hero.webp) 68% center/cover}.login-story:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,23,22,.15),rgba(0,122,45,.12) 25%,rgba(24,23,22,.83))}.login-brand{align-self:flex-start}.login-brand img{background:white;padding:4px;width:40px;height:65px;border-radius:4px}.login-brand strong{font-size:30px}.login-story-text{margin-top:auto;padding-top:200px;max-width:530px}.login-story-text h1{font-size:clamp(38px,4.1vw,65px);line-height:1.09;letter-spacing:-.05em;max-width:12ch}.login-story-text p{font-size:18px;line-height:1.7;margin-top:27px;max-width:38ch}.login-story>small{font-size:10px;margin-top:55px;opacity:.85}.login-entry{padding:42px 60px;display:flex;flex-direction:column;min-height:100vh}.login-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.login-toolbar>a{font-size:12px;color:var(--bp-action);text-underline-offset:4px}.scouter-login-form{width:100%;max-width:410px;margin:auto;padding:65px 0}.scouter-login-form h2{font-size:36px;letter-spacing:-.045em}.login-note{font-size:15px;line-height:1.75;margin-top:19px;margin-bottom:36px;max-width:42ch}.scouter-login-form fieldset{display:flex;flex-direction:column;border:0;padding:0;margin:0;min-width:0}.scouter-login-form fieldset:disabled{opacity:.65}.scouter-login-form label{font-size:13px;font-weight:600;margin-bottom:8px}.scouter-login-form input{display:block;width:100%;min-height:53px;padding:12px 14px;border:1px solid var(--bp-grey-base);border-radius:8px;color:var(--bp-ink);background:var(--bp-white);font:400 16px/1.4 var(--bp-font);margin-bottom:25px}.scouter-login-form input:focus{outline:3px solid var(--bp-action);outline-offset:3px}.login-submit{width:100%;margin-top:8px}.login-bottom{font-size:12px;margin-top:28px;color:#555852}.login-error{font-size:13px;line-height:1.7;background:#fff0f0;border-left:3px solid var(--bp-red);padding:12px 14px;margin-bottom:20px}.login-error[hidden]{display:none}.login-error a{display:block;margin-top:8px;color:var(--bp-action);font-weight:700}.login-error a[hidden]{display:none}.scouter-login-form noscript p{font-size:13px;margin-bottom:20px;border-left:3px solid var(--bp-red);padding-left:12px}
@media(max-width:1000px){.login-entry{padding:35px 36px}.login-story{padding:35px 36px}.login-story-text h1{font-size:49px}.login-story-text p{font-size:16px}}@media(max-width:760px){
  .login-shell{grid-template-columns:1fr;grid-template-rows:176px auto;min-height:100svh;align-content:start}
  .login-story{height:176px;min-height:0;padding:17px 28px;background-position:65% 43%;display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:24px;align-content:center;align-items:center}
  .login-brand{align-self:center;gap:9px}
  .login-brand img{width:23px;height:38px;padding:2px}
  .login-brand strong{font-size:19px}
  .login-story-text{margin:0;padding:0;max-width:none}
  .login-story-text h1{font-size:27px;line-height:1.13;max-width:26ch;letter-spacing:-.045em}
  .login-story-text p{display:none}
  .login-story>small{grid-column:2;font-size:9px;margin:8px 0 0}
  .login-entry{min-height:0;padding:19px 28px 25px}
  .login-toolbar{gap:16px;flex-wrap:nowrap}
  .login-toolbar>a{font-size:12px}
  .scouter-login-form{max-width:500px;margin:0 auto;padding:27px 0 0}
  .scouter-login-form h2{font-size:30px}
  .login-note{font-size:14px;line-height:1.6;max-width:50ch;margin-top:13px;margin-bottom:22px}
  .scouter-login-form input{min-height:50px;padding:11px 13px;margin-bottom:19px}
  .scouter-login-form label{font-size:12px;margin-bottom:7px}
  .login-submit{min-height:50px;margin-top:5px}
  .login-bottom{font-size:11px;margin-top:21px;margin-bottom:0}
}
@media(max-width:420px){
  .login-shell{grid-template-rows:168px auto}
  .login-story{height:168px;padding:15px 20px;grid-template-columns:83px minmax(0,1fr);column-gap:19px}
  .login-brand{gap:7px}
  .login-brand img{width:20px;height:33px}
  .login-brand strong{font-size:17px}
  .login-story-text h1{font-size:23px;line-height:1.13;max-width:22ch}
  .login-story>small{font-size:8px;margin-top:7px}
  .login-entry{padding:17px 22px 23px}
  .login-toolbar{gap:13px}
  .login-toolbar>a{font-size:11px}
  .scouter-login-form{padding-top:23px}
  .scouter-login-form h2{font-size:28px}
  .login-note{font-size:13px;line-height:1.6;margin-top:12px;margin-bottom:20px}
}