body { 
    background-color: #f8fafc; 
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px); 
    background-size: 24px 24px; 
    transition: background-color 0.4s ease, color 0.4s ease; 
}
.dark body { 
    background-color: #0f172a; 
    background-image: radial-gradient(#334155 1px, transparent 1px); 
    color: #f1f5f9; 
}

.marquee-content { 
    display: flex; 
    animation: scroll 25s linear infinite; 
}
.marquee-content:hover { 
    animation-play-state: paused; 
}
@keyframes scroll { 
    0% { transform: translateX(0); } 
    100% { transform: translateX(-50%); } 
}

.map-container iframe { 
    filter: grayscale(100%) contrast(90%); 
    transition: filter 0.4s ease; 
}
.map-container:hover iframe { 
    filter: grayscale(0%) contrast(100%); 
}

.swal2-popup.swal-dark { 
    background: #1e293b !important; 
    color: #f1f5f9 !important; 
}
.swal2-popup.swal-dark .swal2-title, 
.swal2-popup.swal-dark .swal2-html-container { 
    color: #f1f5f9 !important; 
}