/* ==========================================
   1. FONTS & RESETS
   ========================================== */
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');

body { 
    font-family: 'Prompt', sans-serif; 
} 

[x-cloak] { 
    display: none !important; 
}

/* ==========================================
   2. LUXURY BUTTON UTILITIES
   ========================================== */
.btn-luxe-gold {
    background: linear-gradient(135deg, #C5A880 0%, #D4AF37 50%, #B89255 100%);
    color: #0B0E14;
    box-shadow: 0 4px 18px rgba(197, 168, 128, 0.28);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-luxe-gold:hover {
    background: linear-gradient(135deg, #DFCDAE 0%, #E2BD5A 50%, #C5A880 100%);
    box-shadow: 0 6px 24px rgba(197, 168, 128, 0.45);
    transform: translateY(-1px);
    color: #06090E;
}

.btn-luxe-dark {
    background: linear-gradient(135deg, #18202D 0%, #0E141E 100%);
    border: 1px solid rgba(197, 168, 128, 0.35);
    color: #F8F5EE;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-luxe-dark:hover {
    border-color: #C5A880;
    color: #FFFFFF;
    background: linear-gradient(135deg, #222B3C 0%, #151D2C 100%);
    box-shadow: 0 6px 22px rgba(197, 168, 128, 0.25);
    transform: translateY(-1px);
}

.btn-luxe-emerald {
    background: linear-gradient(135deg, #064E3B 0%, #047857 100%);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #FFFFFF;
    box-shadow: 0 4px 16px rgba(4, 120, 87, 0.28);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-luxe-emerald:hover {
    background: linear-gradient(135deg, #047857 0%, #059669 100%);
    box-shadow: 0 6px 22px rgba(4, 120, 87, 0.42);
    transform: translateY(-1px);
}

.btn-luxe-outline {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(197, 168, 128, 0.4);
    color: #E6D8C3;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-luxe-outline:hover {
    background: rgba(197, 168, 128, 0.12);
    border-color: #C5A880;
    color: #FFFFFF;
    transform: translateY(-1px);
}