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

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1e1e1e;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #00c4d1;
}

/* Form elements */
.amount-btn {
    @apply py-3 rounded-lg font-medium transition-all duration-200 flex items-center justify-center;
}

.amount-btn.active {
    @apply text-white font-semibold shadow-lg shadow-primary-500/20;
}
.currency-select {
    @apply w-full bg-dark-700 border border-dark-600 rounded-lg px-4 py-3 text-white appearance-none focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent;
}

.currency-select option {
    @apply bg-dark-800 text-white;
}
input[type="text"] {
    @apply text-white placeholder-gray-500 transition-all duration-200;
}

/* Animations */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.pulse {
    animation: pulse 2s infinite;
}

/* Glassmorphism effect */
.glass {
    background: rgba(30, 30, 30, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Gradient text */
.gradient-text {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}