/* Explain: Button styles and visual effect components like overlays and glass cards. - */
.btn-gold {
    @apply inline-flex items-center justify-center px-8 py-3 text-sm font-semibold tracking-wide transition-all duration-300;
    background-color: var(--accent-color);
    color: #ffffff;
    border: 1px solid var(--accent-color);
}
.btn-gold:hover {
    background-color: transparent;
    color: var(--accent-color);
}

.btn-outline-gold {
    @apply inline-flex items-center justify-center px-8 py-3 text-sm font-semibold tracking-wide transition-all duration-300;
    background-color: transparent;
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}
.btn-outline-gold:hover {
    background-color: var(--accent-color);
    color: #ffffff;
}

.cinematic-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(11,21,40,0.95) 0%, rgba(11,21,40,0.6) 50%, rgba(11,21,40,0.9) 100%);
}

.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(192, 144, 77, 0.2);
}