/* Custom CSS to hide scrollbar and other UI tweaks */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Modal transitions */
#modalOverlay.hidden {
    opacity: 0;
    pointer-events: none;
}
#modalOverlay {
    opacity: 1;
}

#assessModal.translate-y-full,
#leadModal.translate-y-full {
    transform: translateY(100%);
}

#assessModal,
#leadModal {
    transform: translateY(0);
}

#resultModal.hidden {
    display: none;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-fade-in {
    animation: fadeIn 0.3s ease-out;
}