body {
    font-family: 'Outfit', 'Inter', 'Segoe UI', system-ui, sans-serif;
}

.hero { 
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)), url('../images/hero.png') center/cover no-repeat;
}

.urgent {
    animation: pulse 2s infinite;
}

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

.logo-img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.05));
    transition: transform 0.3s ease;
}

.logo-img:hover {
    transform: scale(1.08);
}

/* Custom Scrollbar Styles (Chrome, Safari, Edge, Opera) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9; /* Slate 100 */
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #3b82f6, #1d4ed8); /* Blue gradient matching the theme */
    border-radius: 5px;
    border: 2px solid #f1f5f9;
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #2563eb, #1e40af); /* Darker blue gradient on hover */
}

/* Custom Scrollbar Styles (Firefox) */
* {
    scrollbar-width: thin;
    scrollbar-color: #3b82f6 #f1f5f9;
}