/* Got-It login logo update – applies only to the login page */
.login-shell.logo-layout {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 20px 20px 50px;
}
.hero-logo {
  height: 300px;
  width: min(1010px, 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.login-shell.logo-layout .login-card {
  flex: 0 0 auto;
}
@media (max-width: 650px) {
  .login-shell.logo-layout { gap: 8px; padding: 16px 16px 40px; }
  .hero-logo { height: clamp(130px, 39vw, 260px); }
}