/* Custom Styles for East Rise International */

.gold-gradient {
    background: linear-gradient(135deg, #D4AF37 0%, #F9E29C 50%, #996515 100%);
}

.gold-text {
    background: linear-gradient(135deg, #D4AF37 0%, #F9E29C 50%, #996515 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gold-border {
    border-image: linear-gradient(135deg, #D4AF37, #996515) 1;
}

.nav-link {
    @apply text-sm font-medium tracking-widest uppercase transition-colors relative text-gray-400 hover:text-white;
}

.nav-link.active {
    @apply text-gold-primary;
}

.nav-link::after {
    content: '';
    @apply absolute -bottom-1 left-0 w-full h-0.5 gold-gradient transition-transform duration-300 scale-x-0;
}

.nav-link.active::after, .nav-link:hover::after {
    @apply scale-x-100;
}

.filter-btn {
    @apply px-4 py-1 text-xs border border-gray-800 text-gray-400 transition-all hover:border-gold-primary;
}

.filter-btn.active {
    @apply bg-gold-primary border-gold-primary text-black;
}

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

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

@keyframes pulseSlow {
    0%, 100% { opacity: 0.3; transform: scale(1.1); }
    50% { opacity: 0.4; transform: scale(1.15); }
}

.animate-pulse-slow {
    animation: pulseSlow 8s infinite ease-in-out;
}

.card-hover {
    @apply transition-all duration-300 hover:scale-[1.02] hover:shadow-[0_0_20px_rgba(212,175,55,0.2)];
}

/* Hide scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #121212;
}
::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 10px;
}