body {
    font-family: 'Montserrat', sans-serif;
    background-color: #0a0a0a;
    color: #ffffff;
}

.text-gradient-gold {
    background: linear-gradient(to right, #D4AF37, #F2D06B, #D4AF37);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gold-gradient {
    background: linear-gradient(to right, #D4AF37, #F2D06B, #D4AF37);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out both;
}

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }