/* Acil Yardım Sayfası - Özel Stiller */

/* Page-specific animations ve stiller buraya eklenebilir */

/* Header özel stilleri */
header {
    background-attachment: fixed;
}

/* Campaign Cards - Smooth Transitions */
.group img {
    transition: grayscale 0.5s ease-in-out;
}

.group:hover img {
    filter: grayscale(0);
}

/* Progress Bar Animations */
@keyframes fillProgress {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/* Pulse Animation for Active Campaigns */
@keyframes subtle-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}

.animate-pulse {
    animation: subtle-pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    header {
        background-attachment: scroll;
    }
    
    /* Campaign cards - Responsive grid */
    .grid {
        grid-template-columns: 1fr;
    }
}

/* Özel hover efektleri */
.group:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}