/* Fonts and Base Styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

body { 
    font-family: 'Poppins', sans-serif; 
    background-color: #fdfaf6; 
    scroll-behavior: smooth; 
}

/* Custom Brand Colors */
.brand-purple { 
    background-color: #5a2d82; 
}

/* Animations and Hovers */
.card-hover:hover { 
    transform: translateY(-5px); 
    transition: 0.3s; 
}

/* Fallback for missing images */
img[alt]:after {  
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: #f3f4f6; 
    content: "Photo Coming Soon"; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: #9ca3af; 
    font-size: 14px;
}

/* Custom Scrollbar (Optional - makes it look premium) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #f97316;
    border-radius: 10px;
}

/* Animation for the banner text */
.bg-orange-600 p {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

.badge-secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 10px;
    filter: grayscale(1);
    transition: 0.3s;
}

.card-hover:hover .badge-secure {
    filter: grayscale(0);
    opacity: 1;
}