/* @u */
/* Figma hsxftd3Zi8PsYWvCYS4XYa node 32:35: 120 gold lead form (outlined card with a thin curve, two white fields, consent, gold pill button). Frame 1920. Fonts: Noto Sans Hebrew.
   Button text is dark on gold (design white fails contrast). The form does not submit anywhere. */
.c-fm { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(270deg, #8f5c1a 0%, #fce277 25%, #9e6f22 55%, #fad652 80%, #b88528 100%); --silver: linear-gradient(270deg, #8b8c90 0%, #f8f9fa 30%, #b8b9be 55%, #f8f9fa 80%, #d1d2d6 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #191508; color: #fff; overflow-x: clip; display: flow-root; }
.c-fm :where(h2, p) { margin: 0; padding: 0; }
.c-fm__sec { box-sizing: border-box; padding: 40px 16px 56px; }
.c-fm__card { position: relative; box-sizing: border-box; max-width: 600px; margin: 0 auto; padding: 36px 20px 28px; border: 3px solid #8f5c1a; border-radius: 36px; overflow: hidden; text-align: center; }
.c-fm__curve { position: absolute; right: -30%; top: -20%; width: 120%; height: auto; opacity: .55; pointer-events: none; }
.c-fm__h { position: relative; font-weight: 900; }
.c-fm__a, .c-fm__b { display: block; font-size: clamp(24px, 6.4vw, 32px); line-height: 1.3; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-fm__a { background-image: var(--gold); }
.c-fm__b { background-image: var(--silver); }
.c-fm__form { position: relative; display: flex; flex-direction: column; gap: 14px; max-width: 420px; margin: 28px auto 0; }
.c-fm__field input { display: block; box-sizing: border-box; width: 100%; height: 56px; padding: 0 18px; border: 0; border-radius: 12px; background: #fff; font: inherit; font-size: 18px; color: #111; text-align: right; }
.c-fm__field input::placeholder { color: rgba(0, 0, 0, .62); }
.c-fm__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.c-fm__ok { display: flex; align-items: center; gap: 10px; text-align: right; font-size: 15px; line-height: 1.4; color: #fff; }
.c-fm__ok input { flex: none; width: 18px; height: 18px; accent-color: #fad652; }
.c-fm__ok a { color: #6aa3ff; }
.c-fm__ring { padding: 5px; border: 1px solid transparent; background: linear-gradient(#191508, #191508) padding-box, linear-gradient(270deg, #b38700, #ffd62f 25%, #ffd640 55%, #ffd62f 80%, #d6a400) border-box; border-radius: 40px; }
.c-fm__go { display: block; box-sizing: border-box; width: 100%; height: 60px; border: 0; border-radius: 40px; background: linear-gradient(270deg, #b38700, #ffd62f 25%, #ffd640 55%, #ffd62f 80%, #d6a400); color: #191508; font: inherit; font-size: 24px; font-weight: 900; cursor: pointer; }
.c-fm__go:focus-visible, .c-fm__field input:focus-visible { outline: 3px solid #fad652; outline-offset: 3px; }
.c-fm__note { position: relative; margin-top: 22px; font-size: 15px; font-weight: 300; line-height: 1.6; color: #fff; }

@media (min-width: 1280px) {
  .c-fm__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(982 * var(--u)); margin: 0 auto; padding: 0; position: relative; }
  .c-fm__card { position: absolute; top: calc(104 * var(--u)); left: calc(228 * var(--u)); width: calc(1465 * var(--u)); height: calc(770 * var(--u)); max-width: none; margin: 0; padding: 0; border-width: calc(3.5 * var(--u)); border-radius: calc(64 * var(--u)); }
  .c-fm__curve { right: auto; left: calc(-220 * var(--u)); top: calc(-560 * var(--u)); width: calc(1500 * var(--u)); opacity: .6; transform: rotate(0deg); }
  .c-fm__h { position: absolute; top: calc(60 * var(--u)); left: 0; right: 0; }
  .c-fm__a, .c-fm__b { font-size: calc(48 * var(--u)); line-height: calc(62 * var(--u)); }
  .c-fm__form { position: absolute; top: calc(208 * var(--u)); left: calc(380 * var(--u)); width: calc(703 * var(--u)); max-width: none; margin: 0; gap: calc(27 * var(--u)); }
  .c-fm__field input { height: calc(80 * var(--u)); padding: 0 calc(28 * var(--u)); border-radius: calc(12 * var(--u)); font-size: calc(30 * var(--u)); }
  .c-fm__ok { font-size: max(13px, calc(18 * var(--u))); margin-top: 0; }
  .c-fm__ring { padding: calc(8 * var(--u)); margin-top: calc(12 * var(--u)); border-radius: calc(46 * var(--u)); }
  .c-fm__go { height: calc(101 * var(--u)); border-radius: calc(45 * var(--u)); font-size: calc(45 * var(--u)); }
  .c-fm__note { position: absolute; left: 0; right: 0; top: calc(660 * var(--u)); margin: 0; font-size: max(13px, calc(24 * var(--u))); line-height: calc(43 * var(--u)); }
}
