/* =============================================
   login.css — Login page specific styles
   Fixes:
   1. MIME type error (file was missing)
   2. CSP inline style violation — bounceIn
      keyframe moved here from login.js
   ============================================= */

/* Step number bounce-in animation (was injected
   as inline <style> in login.js — CSP violation) */
@keyframes bounceIn {
  0%   { transform: scale(0.1); opacity: 0; }
  60%  { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1);   opacity: 1; }
}

/* Base state — hidden until animation runs */
.step-number {
  opacity: 0;
  animation-fill-mode: forwards;
}

/* Trigger class applied by JS — replaces style.setProperty('--step-delay', ...) */
.step-bounce-in {
  animation: bounceIn 0.6s ease forwards;
}

/* Per-step delay classes — replaces inline style="--step-delay: Xs" */
.step-delay-0 { animation-delay: 0.0s; }
.step-delay-1 { animation-delay: 0.2s; }
.step-delay-2 { animation-delay: 0.4s; }
.step-delay-3 { animation-delay: 0.6s; }
.step-delay-4 { animation-delay: 0.8s; }
.step-delay-5 { animation-delay: 1.0s; }

/* Password field — autocomplete accessibility fix */
input[name="password"] {
  /* autocomplete="current-password" is set in HTML */
}