body {
    font-family: 'Merriweather', serif;
    scroll-behavior: smooth;
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.popup-overlay {
    position: fixed; 
    inset: 0; 
    background: rgba(0,0,0,0.5); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    z-index: 999; 
    opacity: 0; 
    pointer-events: none; 
    transition: opacity 0.3s ease;
}
.popup-overlay.visible {
    opacity: 1;
    pointer-events: auto;
}
.popup-content {
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    max-width: 400px;
    text-align: center;
}