body{font-family:Arial,sans-serif;background:#0b0b0b;color:#fff;margin:0}header{position:sticky;top:0;background:#111;padding:15px}nav a{color:#d4af37;margin:0 10px;text-decoration:none}.hero{padding:100px 20px;text-align:center}section{padding:50px 20px}h1,h2{color:#d4af37}.portfolio-img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:15px;
    margin-bottom:20px;
    transition:0.4s;
}

.card:hover .portfolio-img{
    transform:scale(1.05);
}.contact-container{

display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

max-width:1200px;

margin:auto;

padding:80px 20px;

}

.contact-info,
.contact-form{

background:#111;

padding:40px;

border-radius:20px;

}

.contact-info h2,
.contact-form h2{

color:#d4af37;

margin-bottom:25px;

}

.contact-info p{

margin-bottom:20px;

color:#ddd;

}

.contact-form input,
.contact-form textarea,
.contact-form select{

width:100%;

padding:15px;

margin-bottom:20px;

background:#1a1a1a;

border:1px solid #333;

color:white;

border-radius:10px;

font-size:16px;

}

.contact-form button{

width:100%;

border:none;

cursor:pointer;

}

.map-section{

padding:60px 20px;

text-align:center;

}

.map-section iframe{

width:100%;

max-width:1200px;

height:450px;

border:none;

border-radius:20px;

}

@media(max-width:900px){

.contact-container{

grid-template-columns:1fr;

}

}