.contact-page { padding:60px 25px 85px; background:#f5f3ee; }
.contact-inner { max-width:760px; margin:0 auto; }
.contact-card { padding:38px 42px 42px; background:#fff; border:1px solid #d7d3ca; border-radius:6px; box-shadow:0 6px 22px rgba(42,43,39,.06); }
.contact-field { margin-bottom:20px; }
.contact-field label { display:block; margin-bottom:7px; color:#343630; font-size:12px; font-weight:700; }
.contact-field input,.contact-field textarea { width:100%; padding:12px 14px; border:1px solid #cbc8c0; border-radius:5px; outline:none; background:#faf9f6; color:#292b27; font-family:"Inter",Arial,sans-serif; font-size:14px; transition:border-color .15s ease,box-shadow .15s ease; }
.contact-field input:focus,.contact-field textarea:focus { border-color:#77796b; box-shadow:0 0 0 3px rgba(119,121,107,.10); }
.contact-field textarea { min-height:160px; resize:vertical; }
.contact-button { height:48px; padding:0 25px; border:0; border-radius:5px; background:#747669; color:#fff; font-family:"Inter",Arial,sans-serif; font-size:13px; font-weight:700; cursor:pointer; transition:background .15s ease,transform .15s ease; }
.contact-button:hover { background:#5f6156; transform:translateY(-1px); }
.contact-message { display:block; margin-bottom:22px; padding:0; font-size:13px; line-height:1.5; }
.contact-error { padding:12px 14px; border:1px solid #d6b7b4; border-radius:5px; background:#f7e9e7; color:#7c302a; }
.contact-success { padding:12px 14px; border:1px solid #bdc9b6; border-radius:5px; background:#edf2e9; color:#40533a; }

@media(max-width:760px) {
    .contact-page { padding:40px 18px 60px; }
    .contact-card { padding:28px 22px 30px; }
}