.contact-section{

width:100%;
max-width:1400px;

margin:auto;
margin-top:100px;
margin-bottom:100px;

background:
linear-gradient(
135deg,
rgba(255,255,255,0.05),
rgba(255,255,255,0.01)
);

backdrop-filter:blur(25px);

border:1px solid rgba(255,255,255,0.08);

padding:80px;

border-radius:35px;

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

box-shadow:
0 30px 80px rgba(0,0,0,.45);

overflow:hidden;

position:relative;
}


.contact-section::before{

content:"";

position:absolute;

width:500px;
height:500px;

background:
radial-gradient(
circle,
rgba(201,169,97,.15),
transparent
);

top:-250px;
right:-250px;

border-radius:50%;
}


.contact-left{

display:flex;

flex-direction:column;

justify-content:center;

color:white;

z-index:2;

}


.subtitle{

letter-spacing:5px;

font-size:13px;

color:#c9a961;

margin-bottom:20px;

font-family:'Montserrat',sans-serif;

}


.title{

font-family:'Cormorant Garamond',serif;

font-size:65px;

font-weight:600;

line-height:1.1;

margin-bottom:30px;

color:white;

}


.description{

color:rgba(255,255,255,.7);

line-height:1.9;

font-size:15px;

max-width:500px;

font-family:'Montserrat',sans-serif;

}


.info{

margin-top:40px;

}


.info p{

margin-bottom:15px;

color:rgba(255,255,255,.85);

font-size:14px;

letter-spacing:1px;

}



.contact-right{

z-index:2;

}


form{

display:flex;

flex-direction:column;

gap:25px;

}


.input-group{

display:flex;

flex-direction:column;

}


label{

color:#c9a961;

font-size:13px;

letter-spacing:2px;

margin-bottom:10px;

font-family:'Montserrat',sans-serif;

}


input,
textarea{

background:rgba(255,255,255,.03);

border:1px solid rgba(255,255,255,.08);

padding:18px;

border-radius:14px;

outline:none;

color:white;

font-size:15px;

transition:.4s;

font-family:'Montserrat',sans-serif;

width:100%;

}


textarea{

height:180px;

resize:none;

}


input:focus,
textarea:focus{

border-color:#c9a961;

box-shadow:
0 0 25px rgba(201,169,97,.25);

transform:translateY(-2px);

}



input::placeholder,
textarea::placeholder{

color:rgba(255,255,255,.35);

}



button{

margin-top:15px;

padding:20px;

border:none;

border-radius:15px;

background:
linear-gradient(
90deg,
#c9a961,
#e7c87d
);

color:#111827;

font-weight:600;

letter-spacing:3px;

cursor:pointer;

transition:.5s;

font-family:'Montserrat',sans-serif;

}



button:hover{

transform:translateY(-5px);

box-shadow:
0 20px 35px rgba(201,169,97,.25);

}



@media(max-width:950px){

.contact-section{

grid-template-columns:1fr;

padding:50px 30px;

}

.title{

font-size:45px;

}

}