.contact-form{
display:flex;
flex-direction:column;
gap:var(--gap);
max-width:560px;
margin:0 auto;
}
.form-group{
display:flex;
flex-direction:column;
gap:6px;
}
.form-group label{
font-size:var(--fzf);
font-weight:600;
color:var(--cl1);
}
.form-group input,
.form-group textarea{
font-size:var(--fz2);
padding:12px 14px;
border-radius:8px;
border:var(--bt2) solid var(--cl1);
background:transparent;
outline:none;
touch-action:manipulation;
color:var(--tx1);
}
.form-group textarea{
min-height:150px;
resize:vertical;
}
.form-group input::placeholder,
.form-group textarea::placeholder{
font-size:var(--fz2);
opacity:0.6;
color:var(--tx2);
}
.form-group input:focus,
.form-group textarea:focus{
box-shadow:0 0 8px var(--sh2);
}
.submit-btn{
font-size:var(--fzf);
font-weight:600;
padding:14px 28px;
border-radius:8px;
border:var(--bt2) solid var(--cl1);
background:transparent;
cursor:pointer;
margin-top:8px;
touch-action:manipulation;
color:var(--cl1);
}
.submit-btn:active{
transform:scale(0.97);
}
@media(hover:hover){
.submit-btn:hover{
background:var(--sh3);
}
}