.contact-main {
  max-width: 580px;
  margin: 0 auto;
  padding: 34px 8px 44px 8px;
  font-family: 'Montserrat', Arial, sans-serif;
}
.contact-hero {
  text-align: center;
  margin-bottom: 38px;
}
.contact-hero h1 {
  font-size: 2.2rem;
  color: #f5761a;
  font-weight: bold;
  margin-bottom: 10px;
}
.contact-hero p {
  font-size: 1.09rem;
  color: #0c2340;
}
.contact-form-section {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px #0c234012;
  padding: 32px 22px 24px 22px;
  margin-bottom: 32px;
}
.contact-form .form-group {
  margin-bottom: 22px;
}
.contact-form label {
  font-weight: 600;
  display: block;
  margin-bottom: 7px;
  color: #0c2340;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 13px 16px;
  border: 1.7px solid #d9dde7;
  border-radius: 14px;
  font-size: 1.05rem;
  background: #f6f8fa;
  transition: border-color 0.2s;
  resize: vertical;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #f5761a;
  outline: none;
}
.contact-form button {
  background: #f5761a;
  color: #fff;
  border: none;
  padding: 13px 38px;
  border-radius: 25px;
  font-size: 1.09rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .18s;
  box-shadow: 0 2px 12px #f5761a23;
  margin-top: 6px;
}
.contact-form button:hover {
  background: #0c2340;
  color: #fff;
}
.form-success {
  color: #2cc36b;
  font-size: 1.07rem;
  margin-top: 12px;
}
.contact-alt {
  background: #f8fafc;
  border-radius: 15px;
  box-shadow: 0 2px 10px #0c234009;
  padding: 25px 16px;
  margin-bottom: 34px;
  text-align: center;
}
.contact-mail {
  color: #f5761a;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.08rem;
}
.contact-social {
  color: #0c2340;
  font-weight: 600;
  text-decoration: none;
  margin: 0 5px;
}
.contact-social:hover {
  color: #f5761a;
}

@media (max-width: 600px) {
  .contact-main {padding: 14px 2px;}
  .contact-form-section, .contact-alt {padding: 10px 4px;}
}