/* Custom Styles */

/* Fade In Up Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate-fade-in-up {
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
}

/* Gold Gradient Text */
.text-gold-gradient {
    background: linear-gradient(135deg, #FBF5B7 0%, #BF953F 25%, #AA771C 50%, #BF953F 75%, #FBF5B7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
    animation: shine 5s linear infinite;
}

/* Gold Border Gradient */
.border-gold-gradient {
    border-image: linear-gradient(135deg, #FBF5B7 0%, #BF953F 50%, #AA771C 100%) 1;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/* Bokeh Effect Background */
.bg-bokeh {
    background-color: #020617;
    /* Slate 950 */
    background-image:
        radial-gradient(circle at 20% 30%, rgba(191, 149, 63, 0.15) 0%, transparent 20%),
        radial-gradient(circle at 80% 70%, rgba(170, 119, 28, 0.10) 0%, transparent 25%);
}