/* Minimal extras on top of Tailwind for premium look */
.card{ @apply rounded-2xl border border-slate-200 p-6 shadow-sm bg-white transition hover:shadow-md; }
.step{ @apply relative rounded-2xl bg-white p-6 shadow-sm border border-slate-200; }
.step span{ @apply absolute -top-3 -left-3 h-8 w-8 rounded-full bg-brand-600 text-white text-sm font-semibold inline-flex items-center justify-center shadow; }
.work{ @apply rounded-2xl overflow-hidden border border-slate-200 bg-white shadow-sm transition hover:shadow-md; }
.work .thumb{ @apply w-full h-48 object-cover; }
.input{ @apply w-full rounded-md border border-slate-300 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-brand-600 focus:border-brand-600; }

/* Simple reveal animations (IntersectionObserver adds .in) */
.reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease-out;
}

.reveal.in {
  opacity: 1;
  transform: translateY(0); 
}