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

/* Custom styles */
.subscription-container {
    @apply max-w-xl mx-auto mt-10 p-6 bg-white shadow-md rounded-md;
}

.subscription-header {
    @apply text-2xl font-bold text-blue-600 mb-4;
}

.subscription-option {
    @apply mb-4 p-4 border rounded-md cursor-pointer hover:bg-gray-100;
}

.subscription-option.active {
    @apply bg-blue-100 border-blue-400;
}

.subscribe-button {
    @apply bg-green-500 text-white font-bold py-2 px-4 rounded hover:bg-green-600;
}