:root { --bg-card: #0f1626; }
.light { --bg-card: #ffffff; }

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

.gold-border {
    border: 2px solid transparent;
    background-image: linear-gradient(var(--bg-card), var(--bg-card)), linear-gradient(135deg, #F3E5AB, #DFB76C, #A37F3D);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

@keyframes goldPulse {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 15px rgba(223, 183, 108, 0.4)); }
    50% { transform: scale(1.02); filter: drop-shadow(0 0 25px rgba(223, 183, 108, 0.7)); }
}
.royal-glow { animation: goldPulse 4s infinite ease-in-out; }

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}
.float-anim { animation: float 6s infinite ease-in-out; }

.timeline-line { background: linear-gradient(to bottom, #DFB76C 0%, rgba(223, 183, 108, 0.1) 100%); }

.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }
.reveal.active { opacity: 1; transform: translateY(0); }