html:has(.login-page),
.login-page{
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
}
.login-page{
  min-height:100dvh;
  padding:24px;
  display:grid;
  place-items:center;
  background:#e8f2f8;
}
.login-simple .shell{
  width:min(460px,100%);
  height:auto;
  min-height:0;
  max-height:calc(100dvh - 48px);
  grid-template-columns:1fr;
  overflow:auto;
}
.login-simple .login-panel{
  padding:32px 36px 22px;
  min-height:0;
}
.login-simple .brand{
  min-height:52px;
  margin-bottom:8px;
}
.login-simple .school-mark{
  width:46px;
  height:50px;
}
.login-simple .login-content{
  max-width:none;
  margin:8px 0 0;
}
.login-simple .login-content h1{
  font-size:clamp(28px,4vw,36px);
  margin:10px 0 22px;
  line-height:1.12;
}
.login-simple .password-label{
  margin-top:14px;
}
.login-simple .field,
.login-simple .primary-button,
.login-simple .google-button{
  height:44px;
}
.login-simple .primary-button{
  margin-top:16px;
}
.login-simple .divider{
  margin:16px 0;
}
.login-simple .login-footer{
  margin-top:22px;
  justify-content:center;
}
.login-simple .visual-panel{
  display:none!important;
}
@media (max-width:520px){
  .login-page{
    padding:0;
    background:#fff;
  }
  .login-simple .shell{
    width:100%;
    max-height:none;
    min-height:100dvh;
    border-radius:0;
    box-shadow:none;
  }
  .login-simple .login-panel{
    padding:28px 24px 20px;
  }
}