/* Kill global gradient on the login page only */
body.smx-login { background: none !important; }

/* Full-viewport background video */
.smx-login-video{
  position: fixed; inset: 0;
  width: 100vw; height: 100vh;
  object-fit: cover; object-position: center center;
  z-index: 0;            /* behind the card, above the page background */
  pointer-events: none;  /* clicks go to the form */
}

/* Gentle readability overlay */
.smx-login-overlay{
  position: fixed; inset: 0;
  background: rgba(7,16,26,.45);
  z-index: 1;
}

/* Bring the card above video + overlay */
.smx-card { position: relative; z-index: 2; }

/* Center everything nicely */
.smx-login-wrap{
  min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
  padding: 2rem 1rem;
}