html{
  min-width:0;
  min-height:100%;
  background:#030405;
  overflow-x:hidden;
}
body{
  width:100%;
  min-width:0;
  min-height:var(--auth-viewport-height,100dvh)!important;
  height:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
.auth-shell{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100vw!important;
  min-height:var(--auth-viewport-height,100dvh)!important;
  height:auto!important;
}
.auth-card,
.auth-grid,
.hero,
.form-side{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

@media(max-width:767.98px){
  html,body{background-color:#030405!important;background-attachment:scroll!important}
  body::before,body::after{position:fixed!important}
  .code-rain{position:fixed!important;height:var(--auth-viewport-height,100dvh)!important;contain:layout paint!important}
  .auth-shell{
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    padding:
      max(14px,env(safe-area-inset-top))
      12px
      max(18px,env(safe-area-inset-bottom))!important;
    perspective:none!important;
    overflow:visible!important;
  }
  .auth-card{
    width:min(100%,620px)!important;
    max-width:calc(100vw - 24px)!important;
    margin:0 auto!important;
    transform:none!important;
    will-change:auto!important;
    overflow:hidden!important;
  }
  .auth-grid{display:block!important;width:100%!important}
  .hero{width:100%!important}
  .form-side{width:100%!important;margin-inline:auto!important}
  .field input,
  .field select,
  .field textarea,
  input[type="email"],
  input[type="password"],
  input[type="text"]{
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
  }
  .google-button-frame,.btn-gold{max-width:100%!important}
  body.auth-keyboard-open .auth-shell{
    place-items:start center!important;
    align-content:start!important;
    padding-top:max(8px,env(safe-area-inset-top))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  body.auth-keyboard-open .auth-card{margin-bottom:0!important}
}

@media(max-width:420px){
  .auth-shell{padding-inline:8px!important}
  .auth-card{max-width:calc(100vw - 16px)!important;border-radius:20px!important}
  .hero{padding-inline:16px!important}
  .form-side{padding-left:16px!important;padding-right:16px!important}
  .btn-gold,.google-button-frame{white-space:normal!important;text-align:center!important}
}

@media(max-height:620px) and (max-width:767.98px){
  .auth-shell{place-items:start center!important;align-content:start!important}
  .hero{padding-top:22px!important}
  .brand img,.register-brand img{height:36px!important}
  .wl-title{font-size:38px!important;margin-bottom:5px!important}
}