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

body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}
/* Crypto Table */
#cryptoTable {
    width: 100%;
    border-collapse: collapse;
}

#cryptoTable th, #cryptoTable td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

#cryptoTable tr:hover {
    background-color: #f9fafb;
}

/* Buttons */
.btn-primary {
    @apply bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md transition-all duration-300 font-medium inline-block;
}

.btn-secondary {
    @apply bg-transparent border-2 border-blue-600 text-blue-600 hover:bg-blue-600 hover:text-white px-6 py-3 rounded-md transition-all duration-300 font-medium inline-block;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn {
    animation: fadeIn 1s ease-out forwards;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-20px);} 
    60% {transform: translateY(-10px);} 
}

.animate-bounce {
    animation: bounce 2s infinite;
}
/* Sections */
section {
    @apply py-24;
}

.prose {
    @apply max-w-none text-lg leading-relaxed;
}

.prose p {
    @apply mb-4;
}
.container {
    @apply max-w-6xl mx-auto px-6;
}