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

body {
    font-family: 'Vazirmatn', sans-serif;
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-slide-up {
    animation: slideUp 0.4s ease-out forwards;
}

@keyframes bounceSlow {
    0%, 100% { transform: translateY(-5%); }
    50% { transform: translateY(0); }
}

.animate-bounce-slow {
    animation: bounceSlow 3s ease-in-out infinite;
}

#drop-zone.dragover {
    background-color: #eef2ff;
    border-color: #4f46e5;
    transform: scale(1.02);
}

select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    background-size: 1.5em;
}