/* Custom animations */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.floating {
    animation: float 3s ease-in-out infinite;
}

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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #6366f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4f46e5;
}

/* Smooth transitions */
a, button {
    transition: all 0.3s ease;
}
/* Bonus claim form styles */
.bg-green-100 {
    background-color: #f0fff4;
}
.border-green-400 {
    border-color: #68d391;
}
.text-green-700 {
    color: #2f855a;
}

/* Success animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

#successMessage {
    animation: fadeInUp 0.5s ease-out forwards;
}

/* Earnings chart animation */
@keyframes grow {
    from { height: 0; }
    to { height: var(--final-height); }
}

#successMessage + div div div div {
    animation: grow 1s ease-out forwards;
    --final-height: auto;
}

/* Custom focus styles */
input:focus, button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
}