.yossef-lead {
  --yossef-ink: #102a2a;
  --yossef-paper: #f4f5ef;
  --yossef-white: #ffffff;
  --yossef-lime: #b7e24b;
  --yossef-teal: #2d716b;
  --yossef-line: rgba(16, 42, 42, 0.18);
  --yossef-danger: #8a3d2f;
  box-sizing: border-box;
  max-width: 820px;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid var(--yossef-line);
  border-radius: 22px;
  color: var(--yossef-ink);
  background: var(--yossef-paper);
  font-family: "Aptos", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
}

.yossef-lead *,
.yossef-lead *::before,
.yossef-lead *::after {
  box-sizing: inherit;
}

.yossef-lead h2 {
  margin: 0 0 0.75rem;
  color: var(--yossef-ink);
  font-size: clamp(1.65rem, 4vw, 2.4rem);
  line-height: 1.08;
}

.yossef-lead__form {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
}

.yossef-lead__form label {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  font-weight: 700;
}

.yossef-lead__form input,
.yossef-lead__form select,
.yossef-lead__form textarea {
  width: 100%;
  min-height: 48px;
  padding: 0.75rem 0.9rem;
  border: 1px solid var(--yossef-line);
  border-radius: 12px;
  color: var(--yossef-ink);
  background: var(--yossef-white);
  font: inherit;
}

.yossef-lead__form textarea {
  min-height: 140px;
  resize: vertical;
}

.yossef-lead__form input:focus-visible,
.yossef-lead__form select:focus-visible,
.yossef-lead__form textarea:focus-visible,
.yossef-lead__form button:focus-visible,
.yossef-lead a:focus-visible {
  outline: 3px solid var(--yossef-teal);
  outline-offset: 3px;
}

.yossef-lead__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.yossef-lead__check {
  grid-template-columns: auto 1fr;
  align-items: start;
  font-weight: 500 !important;
}

.yossef-lead__check input {
  width: 1.2rem;
  min-height: 1.2rem;
  margin-top: 0.15rem;
}

.yossef-lead__form button {
  justify-self: start;
  min-height: 48px;
  padding: 0.8rem 1.2rem;
  border: 0;
  border-radius: 999px;
  color: var(--yossef-ink);
  background: var(--yossef-lime);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.yossef-lead__form button:hover {
  filter: brightness(1.04);
}

.yossef-lead__privacy,
.yossef-lead__fallback,
.yossef-lead__admin-note {
  color: #5f706d;
  font-size: 0.93rem;
}

.yossef-lead__status {
  margin: 1rem 0;
  padding: 0.85rem 1rem;
  border-left: 4px solid var(--yossef-teal);
  background: var(--yossef-white);
}

.yossef-lead__status--error {
  border-left-color: var(--yossef-danger);
}

.yossef-lead__honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 640px) {
  .yossef-lead__row {
    grid-template-columns: 1fr;
  }

  .yossef-lead__form button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yossef-lead *,
  .yossef-lead *::before,
  .yossef-lead *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}