:root { --navy: #1a2a3a; --gold: #c5a059; --white: #ffffff; }
body { font-family: 'Lato', sans-serif; margin: 0; color: #333; line-height: 1.6; }
h1, h2 { font-family: 'Playfair Display', serif; }
.container { width: 90%; max-width: 1100px; margin: auto; }
header.hero { 
    background: linear-gradient(rgba(26,42,58,0.85), rgba(26,42,58,0.85)), url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?q=80&w=2000');
    height: 70vh; background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; color: white;
}
.hero h1 { font-size: 3rem; margin-bottom: 20px; }
.btn-gold { background: var(--gold); color: white; padding: 12px 25px; text-decoration: none; font-weight: bold; border-radius: 2px; }
.services { padding: 60px 0; background: #fff; text-align: center; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 40px; }
.card { padding: 30px; border: 1px solid #eee; transition: 0.3s; }
.card:hover { border-color: var(--gold); transform: translateY(-5px); }
.contact { padding: 60px 0; background: #f9f9f9; }
form input, form textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ddd; }