@import url('/assets/css/auth-job212-v5.css?v=5');
@import url('/assets/css/site-responsive.css?v=1');

/* Animation premium légère : aucun JavaScript, aucun ralentissement du formulaire. */
@media (min-width: 861px) {
  .auth-card {
    animation: job212CardEntrance .75s cubic-bezier(.22, .8, .32, 1) both;
  }

  .auth-right::before {
    transform-origin: 55% 55%;
    will-change: transform, opacity, filter;
    animation:
      job212MapEntrance 1.15s cubic-bezier(.16, .85, .28, 1) both,
      job212MapFloat 7s ease-in-out 1.15s infinite;
  }

  .visual-kicker,
  .visual h2,
  .visual-sub,
  .benefit {
    animation: job212TextEntrance .72s cubic-bezier(.22, .8, .32, 1) both;
  }

  .visual h2 { animation-delay: .10s; }
  .visual-sub { animation-delay: .20s; }
  .benefit:nth-child(1) { animation-delay: .30s; }
  .benefit:nth-child(2) { animation-delay: .39s; }
  .benefit:nth-child(3) { animation-delay: .48s; }
}

@keyframes job212CardEntrance {
  from { opacity: 0; transform: translateY(16px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes job212MapEntrance {
  from {
    opacity: 0;
    transform: translate3d(45px, 18px, 0) scale(.94);
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .28));
  }
  to {
    opacity: .88;
    transform: translate3d(0, 0, 0) scale(1);
    filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .45));
  }
}

@keyframes job212MapFloat {
  0%, 100% {
    opacity: .84;
    transform: translate3d(0, 0, 0) scale(1);
    filter:
      drop-shadow(0 16px 28px rgba(0, 0, 0, .45))
      drop-shadow(0 0 5px rgba(255, 116, 23, .28));
  }
  50% {
    opacity: .97;
    transform: translate3d(-5px, -9px, 0) scale(1.012);
    filter:
      drop-shadow(0 22px 34px rgba(0, 0, 0, .52))
      drop-shadow(0 0 11px rgba(255, 116, 23, .48));
  }
}

@keyframes job212TextEntrance {
  from { opacity: 0; transform: translateY(13px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .auth-card,
  .auth-right::before,
  .visual-kicker,
  .visual h2,
  .visual-sub,
  .benefit {
    animation: none !important;
  }
}