/* Import Google Fonts - Outfit for Headings and Inter for Body */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

/* Apply Fonts Globally */
body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', sans-serif;
}

/* Custom Gradients */
.gradient-bg {
    background: radial-gradient(circle at 10% 20%, rgba(240, 245, 255, 1) 0%, rgba(248, 249, 253, 1) 90%);
}

.gradient-hero {
    background: linear-gradient(135deg, #4f46e5 0%, #2563eb 100%);
}

/* Glow Effect for Drop Zone */
.glow-effect {
    box-shadow: 0 0 25px rgba(37, 99, 235, 0.05);
    transition: all 0.3s ease;
}

.glow-effect:hover {
    box-shadow: 0 0 35px rgba(37, 99, 235, 0.15);
}

/* Custom Pulse Animation for conversion */
@keyframes double-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
}

.pulse-animation {
    animation: double-pulse 2s infinite ease-in-out;
}

/* Custom Scrollbar for better UI */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f3f4f6;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}