body {
    font-family: 'Lato', sans-serif;
}
.site-header {
    background: #0d0d0d;
    padding: 15px 0;
}
.site-header .logo img { height: 60px; }
.site-footer {
    background: #0d0d0d;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}
.hero {
    background: #111;
    color: #fff;
    text-align: center;
    padding: 80px 20px;
}
.btn-gold {
    background: linear-gradient(45deg, #d4af37, #b8860b);
    color: #fff;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 4px;
}
.btn-gold:hover {
    background: #fff;
    color: #d4af37;
}


/* Services Page */
.services-page {
    padding: 60px 20px;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
}
.service-card {
    background: #111;
    border: 1px solid #d4af37;
    padding: 20px;
    border-radius: 6px;
    color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card h3 {
    color: #d4af37;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.5);
}


/* Contact Page */
.contact-page {
    padding: 60px 20px;
    max-width: 700px;
    margin: auto;
    color: #fff;
}
.contact-page h1 {
    color: #d4af37;
    margin-bottom: 20px;
}
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.contact-form label {
    font-weight: bold;
    color: #d4af37;
}
.contact-form input,
.contact-form textarea {
    padding: 10px;
    border: 1px solid #d4af37;
    border-radius: 4px;
    background: #111;
    color: #fff;
}
.contact-form button {
    align-self: flex-start;
}


/* Base */
body { background:#0d0d0d; color:#eee; font-family: 'Lato', sans-serif; }
h1,h2,h3,h4 { font-family: 'Montserrat', sans-serif; color:#fff; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.header-inner { display:flex; align-items:center; justify-content:space-between; }
.main-nav ul { list-style:none; display:flex; gap:20px; margin:0; padding:0; }
.main-nav a { color:#eee; text-decoration:none; padding:10px 6px; }
.main-nav a:hover { color:#d4af37; }
.site-footer { background:#000; color:#bbb; }

/* Sections */
.about.container, .services.container, .contact.container { color:#ddd; }