html,body{min-width:0!important}
.login-screen{
  min-height:100vh!important;
  min-height:100svh!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,480px)!important;
  align-items:stretch!important;
  overflow-x:hidden!important;
  background:#03101e!important;
}
.login-visual,
:root[data-theme="dark"] .login-visual,
:root[data-theme="light"] .login-visual{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:100vh!important;
  min-height:100svh!important;
  padding:0!important;
  overflow:hidden!important;
  background-color:#052855!important;
  background-image:url('/ops/assets/athenna-oneweb-ui-hero-r8.svg?v=b429ee4de09824a5'),linear-gradient(135deg,#03101e 0%,#052855 52%,#071d34 100%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:center center,center center!important;
  background-size:cover,cover!important;
}
.login-visual:before,.login-visual:after,
:root[data-theme="dark"] .login-visual:before,
:root[data-theme="dark"] .login-visual:after,
:root[data-theme="light"] .login-visual:before,
:root[data-theme="light"] .login-visual:after{content:none!important;display:none!important;background:none!important}
.login-hero-wordmark{
  position:absolute!important;
  top:clamp(28px,5vh,64px)!important;
  left:clamp(24px,4vw,72px)!important;
  width:clamp(220px,18vw,340px)!important;
  height:auto!important;
  max-width:calc(100% - 48px)!important;
  display:block!important;
  z-index:4!important;
  pointer-events:none!important;
}
.login-card{
  box-sizing:border-box!important;
  align-self:center!important;
  justify-self:center!important;
  width:min(420px,calc(100% - 48px))!important;
  max-width:420px!important;
  max-height:none!important;
  overflow:visible!important;
  margin:24px auto!important;
}
:root[data-theme="light"] .login-screen{background:#f5f8fb!important}
@media(max-width:900px){
  .login-screen{grid-template-columns:1fr!important;min-height:100svh!important;align-content:start!important;overflow-x:hidden!important;overflow-y:auto!important}
  .login-visual,:root[data-theme="dark"] .login-visual,:root[data-theme="light"] .login-visual{display:block!important;width:100%!important;height:clamp(220px,48vw,360px)!important;min-height:clamp(220px,48vw,360px)!important;background-size:cover,cover!important;background-position:center center,center center!important}
  .login-hero-wordmark{top:20px!important;left:20px!important;width:clamp(190px,42vw,290px)!important;max-width:calc(100% - 40px)!important}
  .login-card{width:min(460px,calc(100% - 32px))!important;max-width:460px!important;margin:16px auto 32px!important;max-height:none!important;overflow:visible!important}
}
@media(max-width:540px){
  .login-visual,:root[data-theme="dark"] .login-visual,:root[data-theme="light"] .login-visual{height:clamp(190px,54vw,260px)!important;min-height:clamp(190px,54vw,260px)!important;background-position:center center,center center!important}
  .login-hero-wordmark{top:16px!important;left:16px!important;width:min(220px,56vw)!important;max-width:calc(100% - 32px)!important}
  .login-card{width:calc(100% - 24px)!important;margin:12px auto 24px!important;padding:24px 20px!important}
  .login-brand{padding-bottom:18px!important}.lock-note{margin-top:14px!important;padding-top:12px!important}
}
@media(max-width:390px){
  .login-visual,:root[data-theme="dark"] .login-visual,:root[data-theme="light"] .login-visual{height:190px!important;min-height:190px!important}
  .login-hero-wordmark{top:14px!important;left:14px!important;width:min(200px,58vw)!important;max-width:calc(100% - 28px)!important}
  .login-card{width:calc(100% - 20px)!important;margin:10px auto 20px!important;padding:22px 18px!important}
}
@media(max-height:720px) and (min-width:901px){
  .login-card{padding:26px 30px!important;margin:14px auto!important}
  .login-brand{padding-bottom:18px!important}
  .login-card label{margin:9px 0!important}
  .lock-note{margin-top:12px!important;padding-top:10px!important}
  .public-footer{margin-top:12px!important}
  .login-hero-wordmark{top:24px!important}
}