/* Scope everything to the auth pages only */
body.login-page .auth-container{
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr; /* desktop split */
}

/* left side */
body.login-page .left-section{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

/* right side */
body.login-page .right-section{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

/* Mobile: stack, hide left, center the form */
@media (max-width: 768px){
  body.login-page .auth-container{
    grid-template-columns: 1fr; /* no split */
  }
  body.login-page .left-section{
    display: none; /* hide illustration pane */
  }
  body.login-page .right-section{
    padding: 24px;
  }
  body.login-page .form-container{
    max-width: 420px;
    margin: 0 auto; /* center */
  }
  body.login-page footer{
    text-align: center;
  }
}

/* Hidden on desktop, visible on mobile */
body.login-page .mobile-logo{ display:none; margin-bottom:16px; text-align:center; }
body.login-page .mobile-logo img{ height:48px; width:auto; }

@media (max-width:768px){
  body.login-page .mobile-logo{ display:block; }
}