/* assets/css/style.css */

.btn {
  @apply inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-blue-600 bg-blue-600 text-white shadow hover:-translate-y-px transition;
}

.card {
  @apply bg-white border border-gray-200 rounded-lg shadow p-6;
}

.hero {
  @apply border-b border-gray-200 bg-gradient-to-b from-white to-gray-50 py-10 md:py-16;
}

.hero-title {
  @apply text-3xl md:text-5xl font-bold;
}

.hero-sub {
  @apply text-gray-600 max-w-prose mt-2;
}