.src-contact {
  --src-accent: #123333;
  --src-focus: #2fa8b2;
  --src-text: #333;
  --src-background: #fff;
  --src-border: #777;
  --src-max-width: 520px;
  position: relative;
  width: 100%;
  max-width: var(--src-max-width);
  margin: 0 auto;
}
.src-contact .field { width: 100%; margin-bottom: 24px; }
.src-contact label { display: block; margin-bottom: 7px; color: var(--src-accent); font-size: 16px; font-weight: 600; }
.src-contact input, .src-contact textarea { display:block; width:100%; box-sizing:border-box; padding:12px 14px; font:inherit; color:var(--src-text); background:var(--src-background); border:1px solid var(--src-border); border-radius:0; }
.src-contact textarea { min-height:140px; resize:vertical; }
.src-contact input:focus, .src-contact textarea:focus { outline:3px solid var(--src-focus); outline-offset:2px; border-color:var(--src-accent); }
.src-contact button { display:block; width:100%; box-sizing:border-box; padding:14px; border:2px solid var(--src-accent); border-radius:0; background:var(--src-accent); color:#fff; font:inherit; font-weight:700; letter-spacing:.04em; cursor:pointer; }
.src-contact button:hover { background:var(--src-background); color:var(--src-accent); }
.src-contact button:focus-visible { outline:3px solid var(--src-focus); outline-offset:3px; }
.src-contact button:disabled { opacity:.65; cursor:wait; }
.src-contact .src-status { min-height:1.5em; margin:16px 0 0; }
.src-contact .src-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }