/* ===== Handy Finance — custom styles on top of Tailwind ===== */

:root {
  --hf-navy: #004a8f;
  --hf-blue: #0a76c2;
  --hf-red: #c8102e;
}

html { scroll-behavior: smooth; }

body { font-family: 'Poppins', system-ui, -apple-system, sans-serif; }

/* Scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  will-change: opacity, transform;
}
.reveal-visible {
  opacity: 1;
  transform: none;
}

/* Hero overlay gradient */
.hero-overlay {
  background: linear-gradient(110deg, rgba(0, 47, 95, 0.92) 0%, rgba(0, 74, 143, 0.78) 45%, rgba(10, 118, 194, 0.55) 100%);
}

/* Section heading accent underline */
.heading-accent::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  border-radius: 9999px;
  background: var(--hf-red);
  margin-top: 14px;
}
.heading-accent.text-center::after { margin-left: auto; margin-right: auto; }

/* Desktop dropdown (hover) */
.nav-dropdown:hover .nav-dropdown-menu { display: block; }

/* Card hover lift */
.lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.lift:hover { transform: translateY(-6px); }

/* Multi-step form stepper */
.step-line { transition: background-color 0.3s ease; }
.step-dot { transition: all 0.3s ease; }