/* ── Base ───────────────────────────────────── */
html   { scroll-behavior: smooth; }
body   { -webkit-font-smoothing: antialiased; }

/* ── Navbar scroll shadow ───────────────────── */
#navbar { transition: box-shadow 0.3s ease; }

/* ── Mobile menu ────────────────────────────── */
#mobileMenu { transition: all 0.2s ease; }

/* ── Form feedback messages ─────────────────── */
#formMsg.success {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
}
#formMsg.error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}

/* ── Smooth focus ring on inputs ────────────── */
input:focus, textarea:focus {
  outline: none;
}

/* ── Hero scroll indicator ──────────────────── */
@keyframes nudge-down {
  0%, 100% { transform: translateY(0);   opacity: 0.5; }
  50%       { transform: translateY(4px); opacity: 1;   }
}
.animate-bounce { animation: nudge-down 1.6s ease-in-out infinite; }

/* ── Section divider (gold line) ────────────── */
.section-divider {
  display: block;
  width: 40px;
  height: 2px;
  background: #c9941a;
  margin: 0 auto 1.5rem;
}