/* 302 form J (zebra teal, simple card, rounded bottom corners), 303 form K (charcoal and gold, simple, one big rounded corner). Session 101. Simple on purpose. */
/* ---------- 302 ---------- */
.c-fmj { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #fff; padding-bottom: 36px; }
.c-fmj :where(h2, p, form) { margin: 0; padding: 0; }
.c-fmj__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; background: #0f766e; border-radius: 0 0 clamp(36px, 6vw, 88px) clamp(36px, 6vw, 88px); text-align: center; }
.c-fmj__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-fmj__thin { display: block; font-weight: 300; }
.c-fmj__bold { display: block; font-weight: 900; }
.c-fmj__card { box-sizing: border-box; width: min(500px, 100%); margin-top: 36px; padding: 28px 24px 26px; border-radius: 24px; background: #fff; color: #0b2e2a; text-align: start; box-shadow: 0 12px 30px rgba(4, 38, 34, .3); }
.c-fmj__f { display: block; margin-bottom: 18px; }
.c-fmj__l { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 700; color: #0b2e2a; }
.c-fmj__i { direction: rtl; text-align: right; box-sizing: border-box; width: 100%; height: 56px; padding: 0 18px; border: 1.5px solid #b7d6d2; border-radius: 14px; background: #f1f9f8; font: inherit; font-size: 18px; color: #0b2e2a; }
.c-fmj__i::placeholder { color: #5d7a76; }
.c-fmj__i:focus-visible { outline: 3px solid #0f766e; outline-offset: 2px; border-color: #0f766e; background: #fff; }
.c-fmj__btn { display: block; width: 100%; margin-top: 8px; padding: 18px 24px; border: 0; border-radius: 999px; background: #0f766e; color: #fff; font: inherit; font-size: 19px; font-weight: 900; cursor: pointer; transition: transform .2s; }
.c-fmj__btn:hover { transform: translateY(-2px); }
.c-fmj__btn:focus-visible { outline: 3px solid #0b2e2a; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-fmj { padding-bottom: 56px; }
  .c-fmj__sec { padding: 104px 32px 112px; }
  .c-fmj__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-fmj__card { width: min(560px, 100%); margin-top: 52px; padding: 44px 44px 40px; border-radius: 28px; }
  .c-fmj__f { margin-bottom: 24px; }
  .c-fmj__l { font-size: 20px; }
  .c-fmj__i { height: 64px; font-size: 20px; }
  .c-fmj__btn { margin-top: 12px; padding: 22px 24px; font-size: 22px; }
}
/* ---------- 303 ---------- */
.c-fmk { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #fff; padding-bottom: 36px; }
.c-fmk :where(h2, p, form) { margin: 0; padding: 0; }
.c-fmk__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px calc(56px + clamp(28px, 5vw, 64px)); background: #17181c; clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(28px, 5vw, 64px)), calc(50% + clamp(28px, 5vw, 64px)) calc(100% - clamp(28px, 5vw, 64px)), 50% 100%, calc(50% - clamp(28px, 5vw, 64px)) calc(100% - clamp(28px, 5vw, 64px)), 0 calc(100% - clamp(28px, 5vw, 64px))); text-align: center; }
.c-fmk__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-fmk__thin { display: block; font-weight: 300; }
.c-fmk__bold { display: block; font-weight: 900; }
.c-fmk__form { box-sizing: border-box; width: min(500px, 100%); margin-top: 36px; text-align: start; }
.c-fmk__f { display: block; margin-bottom: 18px; }
.c-fmk__l { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 700; color: #fff; }
.c-fmk__i { direction: rtl; text-align: right; box-sizing: border-box; width: 100%; height: 56px; padding: 0 20px; border: 1.5px solid rgba(255, 255, 255, .3); border-radius: 14px; background: #26272c; font: inherit; font-size: 18px; color: #fff; }
.c-fmk__i::placeholder { color: #a1a1aa; }
.c-fmk__i:focus-visible { outline: 3px solid #e5b83b; outline-offset: 2px; border-color: #e5b83b; }
.c-fmk__btn { display: block; width: 100%; margin-top: 8px; padding: 18px 24px; border: 0; border-radius: 999px; background: #e5b83b; color: #111; font: inherit; font-size: 19px; font-weight: 900; cursor: pointer; transition: transform .2s; }
.c-fmk__btn:hover { transform: translateY(-2px); }
.c-fmk__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-fmk { padding-bottom: 56px; }
  .c-fmk__sec { padding: 104px 32px calc(88px + clamp(28px, 5vw, 64px)); }
  .c-fmk__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-fmk__form { width: min(560px, 100%); margin-top: 52px; }
  .c-fmk__f { margin-bottom: 24px; }
  .c-fmk__l { font-size: 20px; }
  .c-fmk__i { height: 64px; font-size: 20px; }
  .c-fmk__btn { margin-top: 12px; padding: 22px 24px; font-size: 22px; }
}
