/* Page contact */
    body{
      background: var(--bg);
    }

    .contactSection{
      padding: 30px 0 90px;
    }

    .contactHeader{
      text-align:center;
      margin-bottom: 32px;
    }

    .contactTitle{
      font-family: "elizeth", serif;
      font-weight: 700;
      font-style: normal;
      font-size: 3em;
      margin: 0 0 8px;
      line-height: 1.05;
      letter-spacing: -0.5px;
    }

    .contactSubtitle{
      margin: 0;
      color: var(--muted);
      font-size: 1.1em;
    }

    .contactCard{
      max-width: 620px;
      margin: 0 auto;
      background: rgba(255,255,255,.95);
      border-radius: 22px;
      padding: 32px 28px 28px;
      box-shadow: var(--shadow);
      border: 1px solid rgba(0,0,0,.06);
    }

    .attachmentHint{
  margin-top: 8px;
  font-size: 13px;
  color: var(--muted);
}

.contactStatus{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
}

.contactStatus.isError{
  border-color: rgba(176,0,32,.25);
  background: rgba(176,0,32,.06);
  color: #b00020;
}

.contactStatus.isOk{
  border-color: rgba(37,179,106,.25);
  background: rgba(37,179,106,.08);
  color: #116b3d;
}

#attachment{
  padding: 10px 12px;
}


    .formGroup{
      margin-bottom: 18px;
    }

    .formGroup label{
      display:block;
      margin-bottom: 6px;
      font-weight: 800;
      font-size: 14px;
      color:#222;
    }

    .formGroup input,
    .formGroup textarea{
      width:100%;
      border-radius: 14px;
      border: 1px solid rgba(0,0,0,.15);
      padding: 12px 14px;
      font-family: var(--sans);
      font-size: 14.5px;
      background: rgba(255,255,255,.9);
      outline: none;
      transition: border .15s ease, box-shadow .15s ease;
    }

    .formGroup textarea{
      min-height: 120px;
      resize: vertical;
    }

    .formGroup input:focus,
    .formGroup textarea:focus{
      border-color: var(--green);
      box-shadow: 0 0 0 3px rgba(37,179,106,.15);
    }

    .contactActions{
      margin-top: 22px;
      display:flex;
      justify-content:center;
    }

    .contactActions .cta{
      padding: 13px 70px;
    }

    /* Mobile */
    @media (max-width: 520px){
      .contactTitle{ font-size: 2.2em; }
      .contactCard{ padding: 26px 20px 24px; }
    }