:root {
    --gold: #D4AF37;
    --gold-dark: #b5952f;
    --navy: #0A1F44;
    --navy-light: #163264;
    --white: #FFFFFF;
    --gray-light: #f8f9fa;
    --gray: #6c757d;
}
body { font-family: 'Inter', sans-serif; background-color: var(--gray-light); color: var(--navy); overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; font-weight: 700; }
a { text-decoration: none; transition: all 0.3s ease; }
.btn-gold { background-color: var(--gold); color: var(--white); border: 2px solid var(--gold); padding: 10px 24px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s; }
.btn-gold:hover { background-color: transparent; color: var(--gold); }
.glass-panel { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255,255,255,0.2); border-radius: 12px; }
.luxury-card { border: none; border-radius: 0; box-shadow: 0 10px 30px rgba(10,31,68,0.08); transition: transform 0.4s ease; background: var(--white); overflow: hidden; }
.luxury-card:hover { transform: translateY(-10px); }
.luxury-card img { transition: transform 0.6s ease; }
.luxury-card:hover img { transform: scale(1.05); }
.section-title { position: relative; margin-bottom: 50px; color: var(--navy); }
.section-title::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background-color: var(--gold); }