/* J2K2 login photo layer. Uses /images/eingang.jpeg if present; gradient remains as fallback. */
.gate-login-page.photo-gate-login {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(14, 20, 27, 0.34), rgba(14, 20, 27, 0.70)),
    url('/images/eingang.jpeg') center center / cover no-repeat,
    linear-gradient(135deg, #293241, #5f6f52);
}

.photo-gate-login .school-gate {
  display: none;
}

.photo-gate-login .gate-stage {
  min-height: calc(100vh - 64px);
  align-items: center;
  justify-content: center;
}

.photo-gate-login .gate-login-card {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(255, 255, 255, 0.58);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(4px);
  transition: transform 600ms ease, opacity 600ms ease;
}

.photo-gate-login.gate-opening .gate-login-card {
  transform: translateY(-10px) scale(0.985);
  opacity: 0.55;
}

.photo-gate-login .gate-login-card h1 {
  margin-top: 4px;
}

.photo-gate-login .gate-login-card .lead {
  color: #3f4852;
}

@media (max-width: 720px) {
  .gate-login-page.photo-gate-login {
    background-position: center top;
  }
}