#form-pro{
max-width:700px;
margin:auto;
padding:35px;
background:#ffffff;
border-radius:18px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
font-family:Arial, Helvetica, sans-serif;
}

#form-pro h2{
font-size:32px;
margin-bottom:10px;
color:#111;
}

#form-pro p.top{
color:#666;
margin-bottom:25px;
}

.grid-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}

.full{
grid-column:1 / -1;
}

#form-pro input,
#form-pro textarea,
#form-pro select{
width:100%;
padding:14px 16px;
border:1px solid #ddd;
border-radius:10px;
font-size:15px;
outline:none;
transition:.3s;
}

#form-pro input:focus,
#form-pro textarea:focus,
#form-pro select:focus{
border-color:#0d6efd;
box-shadow:0 0 0 4px rgba(13,110,253,.08);
}

#form-pro textarea{
resize:vertical;
min-height:130px;
}

.btn-send{
background:#010146;
color:#fff;
border:none;
padding:15px 28px;
font-size:16px;
border-radius:12px;
cursor:pointer;
transition:.3s;
font-weight:bold;
}

.btn-send:hover{
background:#020381;
transform:translateY(-2px);
}

.loader{
display:none;
margin-top:15px;
color:#0d6efd;
font-weight:bold;
}

.success{
display:none;
margin-top:20px;
padding:14px;
background:#d1f7df;
color:#0c6b31;
border-radius:10px;
}

.error{
display:none;
margin-top:20px;
padding:14px;
background:#ffd9d9;
color:#8b0000;
border-radius:10px;
}

@media(max-width:768px){
.grid-form{
grid-template-columns:1fr;
}
}