/* Custom Animations & Utilities */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Base Fade In Animation */
.fade-in {
    animation: fadeIn 1s ease-out forwards;
    opacity: 0;
}

.fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
    opacity: 0;
}

.fade-in-left {
    animation: fadeInLeft 1s ease-out forwards;
    opacity: 0;
}

.fade-in-right {
    animation: fadeInRight 1s ease-out forwards;
    opacity: 0;
}

/* Keyframes */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Floating Cards Animation */
.card-float {
    animation: float 6s ease-in-out infinite;
}

.card-float-delayed {
    animation: float 6s ease-in-out infinite;
    animation-delay: 3s;
}

@keyframes float {
    0% {
        transform: translateY(0px) rotate(1deg);
    }
    50% {
        transform: translateY(-20px) rotate(1deg);
    }
    100% {
        transform: translateY(0px) rotate(1deg);
    }
}

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

::-webkit-scrollbar-track {
    background: #050F0A;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #FCD34D;
}

/* Input Autofill Styling for Dark Theme */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #F5F5F0;
    -webkit-box-shadow: 0 0 0px 1000px #022c22 inset;
    transition: background-color 5000s ease-in-out 0s;
}