@tailwind base;
@tailwind components;
@tailwind utilities;

.form-box {
  @apply bg-white p-6 rounded-lg shadow-md max-w-md mx-auto mt-10;
}
.form-title {
  @apply text-xl font-bold text-purple-700 mb-4 text-center;
}
.form-control {
  @apply w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500;
}
.btn-submit {
  @apply w-full bg-purple-600 text-white py-2 rounded-md hover:bg-purple-700 transition;
}
.error-msg {
  @apply text-red-500 text-sm mb-2;
}