@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8fafc;
}

.gradient-bg {
    background: linear-gradient(135deg, #6b46c1 0%, #805ad5 50%, #9f7aea 100%);
}

.conversion-card {
    transition: all 0.3s ease;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

    .conversion-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

.dropzone {
    border: 2px dashed #cbd5e0;
    transition: all 0.3s ease;
}

    .dropzone.active {
        border-color: #9f7aea;
        background-color: rgba(159, 122, 234, 0.1);
    }

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}