body{
margin:0;
font-family:Arial;
background:#0d0d0d;
}
/* ================= HERO ================= */

.pt_contact_hero_section{
height:80vh;
background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url("../images/contact.jpg") center/cover;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}

.pt_contact_hero_content h1{
color:#fba931;
font-size:42px;
text-shadow: 0 0 20px rgba(255, 169, 49, 1);
}

.pt_contact_hero_content p{
color:#ccc;
font-size:18px;
}


/* ================= INFO CARDS ================= */

.pt_contact_info_section{
padding:60px 20px;
}

.pt_contact_info_container{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.pt_contact_info_card{
background:#111;
padding:30px;
border-radius:10px;
text-align:center;
border:1px solid #3d422f;
transition:0.3s;
}

.pt_contact_info_card:hover{
transform:translateY(-8px);
}

.pt_contact_info_card h3{
color:#fba931;
margin-bottom:10px;
}
.pt_contact_info_card p{
color:#aaa;
font-size:14px;
}

/* ================= GLASS FORM ================= */

.pt_glass_contact_wrapper{
display:flex;
justify-content:center;
padding:60px 20px;
}

.pt_glass_contact_box{
width:450px;
padding:40px;
border-radius:15px;
background:rgba(255,255,255,0.05);
backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,0.1);
}

.pt_glass_contact_box h2{
text-align:center;
color:#fba931;
margin-bottom:25px;
}


/* Floating Labels */

.pt_input_group{
position:relative;
margin-bottom:22px;
}

.pt_input_group input,
.pt_input_group textarea{
width:100%;
padding:12px;
background:transparent;
border:1px solid #3d422f;
color:white;
outline:none;
}

.pt_input_group label{
position:absolute;
top:12px;
left:12px;
color:#aaa;
transition:0.3s;
pointer-events:none;
}

.pt_input_group input:focus + label,
.pt_input_group input:valid + label,
.pt_input_group textarea:focus + label,
.pt_input_group textarea:valid + label{
top:-10px;
font-size:12px;
color:#fba931;
background:#0d0d0d;
padding:0 5px;
}


/* Button */

.button1{
width:100%;
padding:14px;
background:#fba931;
border:none;
font-weight:bold;
cursor:pointer;
margin-top:15px;
transition:0.3s;
}

.button1:hover{
background:#3d422f;
color:white;
}

.pt_form_response{
text-align:center;
margin-top:15px;
}


/* ================= MAP ================= */

.pt_contact_map_section iframe{
width:100%;
height:400px;
border:none;
margin-top:50px;
}


/* ================= RESPONSIVE ================= */

@media(max-width:900px){

.pt_contact_info_container{
grid-template-columns:1fr;
}

.pt_glass_contact_box{
width:100%;
}

.pt_contact_hero_content h1{
font-size:30px;
}

.pt_glass_contact_wrapper{
display:block;

}
}