/* HLB V5.4.2c - Smooth Login / Register transition */

@keyframes hlbAuthEnterV542c {
  0% {
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(.988);
    filter: blur(2px);
  }
  55% { opacity: 1; }
  100% {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    filter: blur(0);
  }
}

@keyframes hlbAuthExitV542c {
  from { opacity: 1; transform: translate3d(0,0,0) scale(1); }
  to   { opacity: .18; transform: translate3d(0,-5px,0) scale(.994); }
}

main.hlb-auth-enter-v542c {
  animation: hlbAuthEnterV542c .29s cubic-bezier(.22,.78,.22,1) both;
  transform-origin: 50% 35%;
  will-change: opacity, transform, filter;
}

main.hlb-auth-exit-v542c {
  animation: hlbAuthExitV542c .075s ease-out both;
  pointer-events: none;
}

body.hlb-auth-native-exit-v542c main {
  animation: hlbAuthExitV542c .13s ease-out both !important;
  pointer-events: none;
}

body.hlb-auth-submit-v542c main {
  transition: opacity .12s ease, transform .12s ease;
  opacity: .82;
  transform: scale(.996);
}

.hlb-auth-submit-button-v542c {
  transform: scale(.985) !important;
  opacity: .82 !important;
}

/* Immediate tactile feedback for auth buttons/links */
main a[href*="login.php"],
main a[href*="register.php"],
main button[type="submit"] {
  -webkit-tap-highlight-color: transparent;
  transition: transform .12s ease, opacity .12s ease, filter .12s ease;
}
main a[href*="login.php"]:active,
main a[href*="register.php"]:active,
main button[type="submit"]:active {
  transform: scale(.985);
  filter: brightness(1.06);
}

@media (prefers-reduced-motion: reduce) {
  main.hlb-auth-enter-v542c,
  main.hlb-auth-exit-v542c,
  body.hlb-auth-native-exit-v542c main {
    animation: none !important;
  }
}