:root {
    --gold: #D4AF37;
    --gold-light: #F9E79F;
    --emerald-dark: #064E3B;
    --emerald-light: #10B981;
}

.hero-gradient {
    background: linear-gradient(135deg, var(--emerald-dark) 0%, #032d22 100%);
    position: relative;
    overflow: hidden;
}

.hero-gradient::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('https://www.transparenttextures.com/patterns/arabesque.png');
    opacity: 0.1;
    pointer-events: none;
}

.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.2);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
}

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

.text-gold {
    color: var(--gold);
}

.bg-gold {
    background-color: var(--gold);
}

.border-gold {
    border-color: var(--gold);
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.hover-lift {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-lift:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(212, 175, 55, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.arabic-pattern {
    background-image: url('https://www.transparenttextures.com/patterns/arabesque.png');
}

.btn-premium {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%);
    color: white;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

.btn-premium:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
    filter: brightness(110%);
}