body { margin: 0; font-family: 'Montserrat', sans-serif; background-color: #121212; color: white; scroll-behavior: smooth; }
header { display: flex; justify-content: space-between; align-items: center; padding: 20px 50px; background: #121212; position: sticky; top: 0; z-index: 1000; }
.logo { font-size: 24px; font-weight: bold; }
.logo span { color: #C5A059; }
nav a { color: white; text-decoration: none; margin: 0 15px; font-size: 14px; }
.quote-btn { background: transparent; border: 1px solid #C5A059; color: white; padding: 10px 20px; border-radius: 20px; cursor: pointer; }

.hero { height: 70vh; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1920&q=80'); background-size: cover; }
h1 { font-size: 50px; }
h1 span { color: #C5A059; }

section { padding: 80px 50px; text-align: center; }
h2 { font-size: 36px; margin-bottom: 40px; }
h2 span { color: #C5A059; }

.testimonial-container { display: flex; justify-content: center; gap: 20px; }
.testi-card { background: #1a1a1a; padding: 30px; border-radius: 15px; border-top: 3px solid #C5A059; max-width: 500px; text-align: left; }

.contact-container { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; text-align: left; }
.contact-form { display: flex; flex-direction: column; gap: 15px; width: 100%; max-width: 400px; }
.contact-form input, .contact-form textarea { background: #222; border: 1px solid #333; padding: 15px; color: white; border-radius: 8px; font-family: inherit; }
.btn-gold { background: #C5A059; border: none; padding: 15px 30px; border-radius: 25px; font-weight: bold; cursor: pointer; color: black; }

/* About & Profile Section */
.profile-card { 
    max-width: 800px; 
    margin: 0 auto; 
    background: #1a1a1a; 
    padding: 40px; 
    border-radius: 15px; 
    border-bottom: 3px solid #C5A059; 
}
.profile-photo { 
    width: 180px; 
    height: 180px; 
    border-radius: 50%; 
    object-fit: cover; 
    border: 3px solid #C5A059; 
    margin-bottom: 20px; 
}
.profile-card .title { 
    color: #C5A059; 
    font-weight: bold; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    margin-bottom: 20px; 
}

/* Gallery Section */
.gallery-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 30px; 
    margin-top: 40px; 
}
.gallery-item { 
    background: #1a1a1a; 
    border-radius: 10px; 
    overflow: hidden; 
    transition: transform 0.3s ease; 
    text-align: left; 
}
.gallery-item:hover { transform: translateY(-10px); }
.gallery-item img { width: 100%; height: 250px; object-fit: cover; }
.gallery-item h3 { padding: 20px 20px 10px; font-size: 20px; color: #C5A059; }
.gallery-item p { padding: 0 20px 20px; font-size: 14px; color: #ccc; line-height: 1.6; }