.contact-section{background:var(--surface-soft)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.contact-left{display:flex;flex-direction:column;gap:18px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card,.contact-info-card,.contact-form-box{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(10,43,34,.05);
}
.contact-card{padding:25px}
.contact-card .role{display:block;color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.contact-card .name{font-size:19px;margin:8px 0 15px}
.contact-card .phone{color:var(--green-800);text-decoration:none;font-weight:800}
.contact-card:hover{transform:translateY(-4px)}
.contact-info-card{display:flex;align-items:center;gap:18px;padding:22px;text-decoration:none}
.contact-info-icon{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--green-100);color:var(--green-800);font-size:20px}
.contact-info-card small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.contact-info-card strong{display:block;margin-top:3px;font-size:15px}
.contact-info-card p{margin-top:4px;font-size:12px}
.contact-form-box{padding:38px}
.contact-form-box h3{font-size:28px;margin-bottom:26px}
.contact-form{display:flex;flex-direction:column;gap:15px}
.form-group{display:flex;flex-direction:column;gap:7px}
.form-group label{font-size:12px;font-weight:800;color:var(--green-900)}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #dce5e2;border-radius:12px;background:#fbfcfc;padding:13px 15px;outline:none;transition:.2s ease}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 4px rgba(8,112,90,.1);background:#fff}
.contact-form textarea{resize:vertical}
.contact-form button{border:0;cursor:pointer;align-self:flex-start}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-form-box{padding:30px}}
@media(max-width:560px){.contact-grid{grid-template-columns:1fr}.contact-form-box{padding:24px}}