body {
    font-family: "Poppins", sans-serif;
    background-color: #f5f5f5;
    color: #333;
}

.header {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
}

.prayer-time {
    background: linear-gradient(to right, #1e3a8a, #2563eb);
}

.islamic-calendar-day {
    border: 2px solid #3b82f6;
}

.donate-btn {
    background: linear-gradient(to right, #10b981, #34d399);
}

.announcement-card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.live-stream-btn {
    background: linear-gradient(to right, #ef4444, #f87171);
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fade-in 0.5s ease-out both;
}