/* Explain: Mystic glassmorphism cards and golden buttons */
.btn-gold {
    border: 1px solid var(--gold);
    background: transparent;
    color: var(--gold);
    transition: all 300ms ease;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.85rem;
}

.btn-gold:hover {
    background: var(--gold);
    color: var(--bg-color);
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
    transform: translateY(-2px);
}

.btn-gold-filled {
    border: 1px solid var(--gold);
    background: var(--gold);
    color: var(--bg-color);
    transition: all 300ms ease;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.85rem;
}

.btn-gold-filled:hover {
    background: var(--gold-hover);
    border-color: var(--gold-hover);
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.5);
    transform: translateY(-2px);
}

.glass-card {
    background: var(--surface-light);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    transition: border-color 300ms ease, transform 300ms ease;
}

.glass-card:hover {
    border-color: rgba(212, 175, 55, 0.4);
    transform: translateY(-4px);
}

.inquiry-field {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--glass-border);
    color: var(--text-main);
    transition: all 300ms ease;
}

.inquiry-field:focus {
    border-color: var(--gold);
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
}