/* ===== Contact page ===== */
.contact-hero{padding:56px 0 80px;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}

.contact-h1{font-family:var(--display);font-weight:700;font-size:38px;line-height:1.1;letter-spacing:-1.2px;margin:14px 0 16px;max-width:14ch;}
.contact-sub{font-size:16px;line-height:1.6;color:var(--muted);max-width:440px;margin-bottom:28px;}
.contact-points{display:flex;flex-direction:column;gap:14px;}
.contact-point{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--text-2);line-height:1.5;}
.cp-mark{flex-shrink:0;width:24px;height:24px;border-radius:7px;background:rgba(0,184,122,.10);display:flex;align-items:center;justify-content:center;margin-top:1px;}

.contact-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 20px 50px rgba(11,18,32,.07);}
.contact-form{display:flex;flex-direction:column;gap:18px;}
.cf-field{display:flex;flex-direction:column;gap:6px;}
.cf-label{font-size:12.5px;font-weight:600;color:var(--text);letter-spacing:.1px;}
.cf-opt{color:var(--muted-2);font-weight:400;}
.cf-input{width:100%;background:#fff;border:1.5px solid var(--line-2);border-radius:11px;padding:12px 14px;font-family:inherit;font-size:14.5px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;}
.cf-input::placeholder{color:var(--muted-2);}
.cf-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,136,196,.12);}
.cf-select{cursor:pointer;-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%237A8699' stroke-width='2' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px;}
.cf-textarea{resize:vertical;min-height:120px;line-height:1.6;}
.cf-error{font-size:12px;color:#d64545;display:none;}
.cf-submit-row{display:flex;align-items:center;gap:14px;margin-top:4px;}
.cf-loader{font-size:13px;color:var(--muted);}
.cf-alert{border-radius:11px;padding:13px 16px;font-size:13.5px;line-height:1.5;}
.cf-alert-ok{background:var(--green-wash,#E7F7F0);border:1px solid rgba(0,184,122,.3);color:#00734a;}
.cf-alert-err{background:#fdf0f0;border:1px solid #f2caca;color:#b3352f;}

@media(max-width:860px){
  .contact-grid{grid-template-columns:1fr;gap:36px;}
  .contact-card{order:-1;}
  .contact-h1{max-width:100%;}
}