/* Custom styles to supplement Tailwind */
body {
    font-family: 'Inter', sans-serif;
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Cookie Banner Slide Up */
#cookie-banner {
    transition: transform 0.5s ease-in-out;
}

#cookie-banner.hidden {
    transform: translateY(100%);
    display: flex; /* Keep it flex but moved out needed for animation, or just use display none via class if no anim needed */
}