/* Additional custom styles */
.step-container {
    animation: fadeIn 0.3s ease-in;
}

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

.continent-card {
    transition: all 0.2s ease;
    cursor: pointer;
}

.continent-card:hover {
    transform: translateY(-4px);
}

.country-item, .consulate-card {
    transition: all 0.2s ease;
    cursor: pointer;
}

.country-item:hover, .consulate-card:hover {
    background-color: #f3f4f6;
}

.action-btn {
    transition: all 0.2s ease;
}

.action-btn:hover {
    transform: scale(1.05);
}

/* Mobile optimizations */
@media (max-width: 640px) {
    .action-btn {
        font-size: 0.875rem;
        padding: 0.75rem;
    }
}