/* ============================================================
   EcuaBiz AI — Login GSAP Effects
   Archivo de inyeccion — NO modifica estilos originales
   Solo define estados iniciales para evitar FOUC
   ============================================================ */

/* Estado inicial invisible — GSAP los anima al entrar */
#login-card {
  opacity: 0;
  will-change: transform, opacity;
}

#login-logo {
  opacity: 0;
  will-change: transform, opacity;
}

#login-subtitle {
  opacity: 0;
  will-change: opacity;
}

#login-form {
  opacity: 0;
  will-change: opacity;
}

#login-btn {
  will-change: transform;
}

/* Particulas de fondo */
#login-particles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.particle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  will-change: transform, opacity;
}

/* Glow animado detras de la card */
#login-card-glow {
  position: fixed;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20,110,245,0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  will-change: opacity, transform;
}

/* Asegurar que la card este sobre el glow y particulas */
#login-card {
  position: relative;
  z-index: 1;
}