/* Lead form section — qalam-high.html.
   Depends on shared page tokens (--warm-gray, --crimson-*, --gold-500, --line,
   --text-muted, --radius-2xl, --shadow-lg) and the shared .lead-form/.field/
   .submit component (static/shared/lead-form.css). Section padding for
   .form-sec itself is set by a shared cross-section rule in
   static/css/qalam-high.css. */

.form-sec {
  padding: 120px 0;
  background: var(--warm-gray);
  position: relative;
}
.form-sec .container {
  max-width: 860px;
}
.form-sec .form-head {
  text-align: left;
  margin-bottom: 52px;
}
.form-sec .form-head h2 {
  margin-bottom: 12px;
}
.form-sec .form-head h2 em {
  font-style: normal;
  color: var(--crimson-600);
  font-weight: 800;
}
.form-sec .form-head p {
  font-size: 17px;
  color: var(--text-muted);
  max-width: 600px;
  line-height: 1.65;
  margin: 0;
}
.form-wrap {
  position: relative;
}
.form-wrap::before {
  content: "";
  position: absolute;
  inset: -3px;
  background: linear-gradient(120deg, var(--crimson-500), var(--gold-500));
  border-radius: calc(var(--radius-2xl) + 3px);
  filter: blur(14px);
  opacity: 0.2;
}
.form-card {
  position: relative;
  background: #fff;
  border-radius: var(--radius-2xl);
  padding: 44px;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--line);
}
.lead-form .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.lead-form .socials {
  display: flex;
  gap: 20px;
  justify-content: center;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
}
.lead-form .socials a {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-muted);
  transition: color 0.2s;
}
.lead-form .socials a:hover {
  color: var(--crimson-600);
}

@media (max-width: 900px) {
  .form-sec {
    padding: 96px 0;
  }
  .lead-form .row {
    grid-template-columns: 1fr;
  }
  .form-card {
    padding: 36px 28px;
  }
}

@media (max-width: 640px) {
  .form-sec {
    padding: 64px 0;
    overflow: hidden;
  }
  .form-card {
    padding: 28px 20px;
  }
  .form-wrap::before {
    display: none;
  }
}