style.css

.testing-type-card {
    @apply bg-white p-6 rounded-lg shadow-md cursor-pointer transition-all duration-300 hover:shadow-lg hover:translate-y-[-2px] text-center flex flex-col items-center;
}

.stats-card {
    @apply bg-white p-4 rounded-lg shadow border-l-4 border-blue-500;
}

.tag-filter {
    @apply bg-gray-100 text-gray-800 px-3 py-1 rounded-full text-sm flex items-center;
    transition: all 0.2s ease;
}

.tag-filter:hover {
    @apply bg-blue-100 text-blue-800;
}

.auth-form {
    @apply space-y-4;
}

.auth-form input {
    @apply w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500;
}

.auth-form button {
    @apply w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition duration-300;
}

/* Animation for modal */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#trigger-modal > div {
    animation: modalFadeIn 0.3s ease-out forwards;
}