/* Premium Glassmorphism UI */
:root {
    --glass-bg: rgba(255, 255, 255, 0.45);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    --bs-navy: #0a192f;
    --bs-gold: #d4af37;
}

body {
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    background-attachment: fixed;
}

.glass-card, .elite-card {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 1.5rem !important;
    box-shadow: var(--glass-shadow) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glass-card:hover, .elite-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.2) !important;
}

.btn-primary, .btn-gold {
    background: linear-gradient(135deg, var(--bs-gold) 0%, #b8860b 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
    transition: all 0.3s ease;
    border-radius: 50rem !important;
}

.btn-primary:hover, .btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6) !important;
}

/* Glass Navbar */
.navbar {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

.nav-link {
    font-weight: 600;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: var(--bs-gold) !important;
}