/* mifgash.css — עמוד ההרשמה ללייב בלבד. נטען אחרי components.css.
 * גיליון נפרד כדי ששינויים כאן לא ידרסו בשקט את שאר עמודי האתר. */

/* ---------- פס עליון בלי תפריט ---------- */
.lp-bar{background:rgba(253,251,246,.92);border-bottom:1px solid var(--line)}
.lp-bar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.lp-bar-date{font-size:14px;font-weight:600;color:var(--ink-soft)}
@media(max-width:560px){.lp-bar-date{display:none}.lp-bar-in{justify-content:center}}

/* ---------- hero ---------- */
.lp-hero{padding:56px 0 80px}
.lp-hero .hero-grid{align-items:start}
.lp-hero h1{font-size:clamp(2.1rem,4.4vw,3.25rem)}
.lp-hero .hero-lead{margin-bottom:22px}
.lp-photo{margin-top:12px}
.lp-photo img{aspect-ratio:4/5;object-position:50% 22%}
.host{display:none;align-items:center;gap:12px;margin-bottom:22px;font-size:15px;color:var(--ink-soft);line-height:1.5}
.host img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--pale-deep)}
.host b{color:var(--deep)}
@media(max-width:940px){
  .lp-hero{padding:22px 0 56px}
  .lp-hero .eyebrow{margin-bottom:12px;font-size:12px;letter-spacing:.08em}
  .lp-hero h1{margin-bottom:14px}
  .lp-hero .hero-lead{font-size:16.5px;line-height:1.65;margin-bottom:16px}
  .host{margin-bottom:16px}
  .lp-photo{display:none}
  .host{display:flex}
}

/* ---------- כרטיס הטופס ---------- */
.reg-card{background:#fff;border-radius:22px;padding:26px 26px 22px;box-shadow:var(--shadow-lg);border:1px solid rgba(44,62,62,.07);max-width:34rem;color:var(--ink);text-align:start}
.reg-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fld label{display:block;font-size:14.5px;font-weight:700;color:var(--deep);margin-bottom:6px}
.fld input{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--pale-deep);background:#fff;font-family:var(--ff-body);font-size:16px;color:var(--ink)}
.fld input[dir="ltr"]{text-align:right}
.fld input:focus{outline:none;border-color:var(--turq-deep);box-shadow:0 0 0 4px rgba(43,191,191,.2)}
.fld input[aria-invalid="true"]{border-color:#B4532A}
.fld-err{font-size:13px;color:#B4532A;margin-top:4px;line-height:1.4}
.fld-err:empty{display:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.chk{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:4px 0 16px;cursor:pointer}
.chk input{margin-top:3px;width:16px;height:16px;accent-color:var(--turq-deep);flex:none}
.reg-btn{width:100%;font-size:17px;padding:17px 24px}
.reg-btn:disabled{opacity:.7;cursor:wait;transform:none}
.reg-err{font-size:14px;color:#B4532A;margin-top:10px;min-height:0}
.reg-err:empty{display:none}
.reg-fine{font-size:13px;color:var(--ink-soft);line-height:1.6;margin-top:12px}
@media(max-width:480px){.reg-fields{grid-template-columns:1fr;gap:12px}.reg-card{padding:20px 18px 18px}.fld label{margin-bottom:4px}.fld input{padding:12px 14px}}

/* מצב אחרי שליחה */
.reg-done{text-align:center;padding:10px 4px}
.reg-done h3{font-family:var(--ff-head);font-weight:var(--fw-head);font-size:24px;color:var(--deep);margin-bottom:10px}
.reg-done p{font-size:16px;color:var(--ink-soft);line-height:1.65;margin-bottom:20px}
.reg-done .btn{width:100%}
.done-ico{width:54px;height:54px;border-radius:50%;background:var(--pale);margin:0 auto 16px;position:relative}
/* וי בגבולות פיזיים, כמו במגנט. גבולות לוגיים מתהפכים ב-RTL */
.done-ico::after{content:"";position:absolute;inset:0;margin:auto;width:12px;height:22px;border:3px solid var(--turq-deep);border-top:0;border-left:0;transform:translateY(-2px) rotate(45deg)}

/* ---------- טקסט רציף ---------- */
.lp-narrow{max-width:46rem}
.lp-h2{font-size:clamp(1.75rem,3.5vw,2.55rem);color:var(--deep);margin-bottom:22px}
.lp-p{font-size:18px;line-height:1.8;color:var(--ink);margin-bottom:18px}

/* ---------- מה לומדים ---------- */
.learn{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.learn-item{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:var(--shadow);border:1px solid rgba(44,62,62,.06)}
.learn-item .num{font-family:var(--ff-head);font-weight:var(--fw-head);font-size:34px;line-height:1;color:var(--turq-deep);margin-bottom:18px}
.learn-item h3{font-size:20px;color:var(--deep);margin-bottom:10px}
.learn-item p{font-size:16px;line-height:1.7;color:var(--ink-soft)}
.lp-mid-cta{text-align:center;margin-top:44px}
@media(max-width:940px){.learn{grid-template-columns:1fr}}

/* ---------- מי אני ---------- */
.lp-about-photo img{aspect-ratio:4/5;object-position:50% 25%}

/* ---------- CTA סופי ---------- */
.lp-final .eyebrow{justify-content:center;display:flex}
.lp-final .eyebrow::before{display:none}
.lp-final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;max-width:56rem;margin:0 auto;align-items:center}
.lp-final .reg-card{max-width:none}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.facts div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px 16px;text-align:center}
.facts b{display:block;font-family:var(--ff-head);font-weight:var(--fw-head);font-size:22px;color:#fff;line-height:1.3}
.facts span{font-size:13.5px;color:rgba(255,255,255,.7)}
@media(max-width:820px){.lp-final-grid{grid-template-columns:1fr}.facts{order:-1}}

/* ---------- FAQ ---------- */
.lp-faq{padding-top:72px}

/* ---------- כפתור דביק במובייל ---------- */
.lp-sticky{display:none}
@media(max-width:940px){
  .lp-sticky{display:flex;position:fixed;inset-inline:16px;bottom:14px;z-index:70;width:auto;
    transform:translateY(140%);transition:transform .25s ease;box-shadow:0 10px 30px rgba(15,115,115,.35)}
  .lp-sticky.on{transform:none}
  .lp-foot{padding-bottom:90px}
}

/* ---------- פוטר מינימלי ---------- */
.lp-foot{background:var(--pale);border-top:1px solid var(--pale-deep);padding:26px 0}
.lp-foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-soft)}

/* .cta-band p צובע כל פסקה בלבן וממרכז אותה. בתוך הכרטיס הלבן זה מעלים את הטקסט */
.lp-final .reg-card p{max-width:none;margin-inline:0;font-weight:400}
.lp-final .reg-card .reg-fine{color:var(--ink-soft);font-size:13px;margin:12px 0 0}
.lp-final .reg-card .fld-err,.lp-final .reg-card .reg-err{color:#B4532A;font-size:13px;margin:4px 0 0}
.lp-final .reg-card .reg-done p{color:var(--ink-soft);font-size:16px;margin:0 0 20px}
