/* ================================================================
   AUH Consulting — Animation & Transition Styles
   ================================================================ */

/* ── Entrance Animations ─────────────────────────────────────── */

[data-animate] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .5s ease, transform .5s ease;
}

[data-animate="fade-up"]   { transform: translateY(20px); }
[data-animate="fade-in"]   { transform: translateY(0); }
[data-animate="fade-left"] { transform: translateX(20px); }

[data-animate].in-view {
  opacity: 1;
  transform: translate(0, 0);
}

/* Stagger delays */
[data-delay="100"] { transition-delay: 0.10s; }
[data-delay="200"] { transition-delay: 0.20s; }
[data-delay="300"] { transition-delay: 0.30s; }
[data-delay="400"] { transition-delay: 0.40s; }
[data-delay="500"] { transition-delay: 0.50s; }
[data-delay="600"] { transition-delay: 0.60s; }

/* ── Form Success Banner ─────────────────────────────────────── */

.form-success-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: rgba(39, 166, 68, .10);
  border: 1px solid rgba(39, 166, 68, .30);
  border-radius: 8px;
  color: #1a7e32;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
  animation: slideDown .3s ease;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}