*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Heebo","Segoe UI","Noto Sans Hebrew",Arial,sans-serif;color:#172033}
body{min-height:100vh;background:#080c14}
.landing-page{--mouse-x:50%;--mouse-y:50%;--card-rotate-x:0deg;--card-rotate-y:0deg;position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:42px 20px;background:linear-gradient(145deg,var(--background),#182542)}
.landing-page:before,.landing-page:after{content:"";position:absolute;z-index:-2;border-radius:50%;pointer-events:none}
.landing-page:before{width:560px;height:560px;top:-280px;right:-150px;background:rgba(255,255,255,.12)}
.landing-page:after{width:420px;height:420px;bottom:-230px;left:-120px;background:rgba(124,92,252,.18)}
.effect-layer{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.effect-layer i{position:absolute;display:block}
.lead-card{--card-pad:31px;position:relative;z-index:2;width:min(480px,100%);overflow:hidden;padding:var(--card-pad);border:1px solid rgba(255,255,255,.45);border-radius:26px;background:rgba(255,255,255,.80);box-shadow:0 30px 90px rgba(3,9,24,.28);backdrop-filter:blur(20px);animation:card-in .72s cubic-bezier(.2,.75,.25,1) both}
.lead-card:before{pointer-events:none}
.lead-card.solid{background:#fff;border-color:rgba(30,41,59,.1);backdrop-filter:none}
.lead-card.dark{color:#f7f9ff;border-color:rgba(255,255,255,.12);background:rgba(8,13,25,.90)}
.visual-zone{position:relative;display:flex;align-items:center;width:100%;direction:ltr}
.visual-zone:not(.has-cover){margin-bottom:19px}
.visual-zone.has-cover{min-height:176px;margin:calc(var(--card-pad) * -1) calc(var(--card-pad) * -1) 25px;width:calc(100% + (var(--card-pad) * 2));overflow:hidden;padding:30px var(--card-pad);isolation:isolate;background:#162235}
.visual-zone.has-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,9,18,.56),rgba(4,9,18,.16) 50%,rgba(4,9,18,.56))}
.cover-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.logo-position-center{justify-content:center}.logo-position-right{justify-content:flex-end}.logo-position-left{justify-content:flex-start}
.content-zone{position:relative}
.lead-card h1{margin:0 0 9px;text-align:center;font-size:clamp(28px,6vw,40px);line-height:1.12;letter-spacing:-1.2px;white-space:normal}
.subtitle{margin:0 0 23px;color:#59687a;text-align:center;font-size:14px;line-height:1.7}
.lead-card.dark .subtitle{color:#aab6c9}
.brand-logo{position:relative;z-index:1;display:block;width:min(190px,58%);max-height:112px;object-fit:contain;margin:0;filter:drop-shadow(0 9px 18px rgba(0,0,0,.28))}
.brand-fallback{position:relative;z-index:1;width:68px;height:68px;display:grid;place-items:center;margin:0;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--primary),#203e72);box-shadow:0 14px 34px rgba(25,44,90,.26);font-size:31px;font-weight:900}
#lead-form{display:grid;gap:13px}
.form-field{display:grid;gap:6px;animation:field-in .48s ease both}
.form-field:nth-of-type(2){animation-delay:.06s}.form-field:nth-of-type(3){animation-delay:.12s}.form-field:nth-of-type(4){animation-delay:.18s}.form-field:nth-of-type(5){animation-delay:.24s}
.form-field>span{font-family:"Heebo","Segoe UI","Noto Sans Hebrew",Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.45}
.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px 13px;border:1px solid rgba(52,71,97,.18);border-radius:11px;outline:0;color:#172033;background:rgba(255,255,255,.94);font:inherit;font-size:16px;text-align:center;text-align-last:center;resize:vertical;transition:border-color .18s,box-shadow .18s,transform .18s}
.form-field input[type=date]::-webkit-datetime-edit{display:block;width:100%;text-align:center}
.form-field select option{text-align:center}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(124,92,252,.12);transform:translateY(-1px)}
.form-field .invalid{border-color:#e34f6b}
.check-field{display:flex;align-items:center;gap:8px;font-family:"Heebo","Segoe UI","Noto Sans Hebrew",Arial,sans-serif;font-size:14px;font-weight:600}
.submit-button{width:100%;border:0;border-radius:12px;padding:14px;color:#fff;background:var(--primary);box-shadow:0 12px 28px rgba(26,35,70,.28);font-size:14px;font-weight:900;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s}
.submit-button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 34px rgba(26,35,70,.32)}
.submit-button:disabled{opacity:.65;cursor:wait}
.honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.public-alert{margin:0 0 17px;padding:12px 14px;border-radius:11px;font-size:12px;line-height:1.5}
.public-alert.success{color:#167a53;background:#e7f8f0}.public-alert.error{color:#aa2f49;background:#fff0f3}
.completion-message{padding:30px 8px 12px;text-align:center;animation:field-in .5s ease both}
.completion-message>div{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 17px;border-radius:50%;color:#073d2a;background:#67ddb0;box-shadow:0 14px 34px rgba(31,168,106,.25);font-size:30px;font-weight:900}
.completion-message p{margin:0;white-space:normal;color:#253449;font-size:clamp(18px,4vw,24px);font-weight:850;line-height:1.55}
.dark .completion-message p,.preset-neon-night .completion-message p{color:#eef5ff}
.closed-message{padding:28px 8px 10px;text-align:center}
.closed-message>div{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;color:#f06b86;background:rgba(240,107,134,.12);font-size:28px}
.closed-message h2{margin:0 0 8px;font-size:25px}.closed-message p{margin:0;color:#758196;font-size:13px}.dark .closed-message p{color:#9eabc0}

/* Glass modern */
.preset-glass-modern{background:radial-gradient(circle at 15% 20%,rgba(92,228,255,.20),transparent 30%),radial-gradient(circle at 85% 75%,rgba(151,92,255,.28),transparent 34%),linear-gradient(145deg,var(--background),#090d18)}
.preset-glass-modern .lead-card{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.76)}

/* Split focus */
.preset-split-focus{background:linear-gradient(135deg,var(--background),#d7f0e7)}
.preset-split-focus .lead-card{--card-pad:0px;width:min(940px,100%);display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);padding:0;background:#fff}
.preset-split-focus .visual-zone{min-height:560px;display:grid;align-content:center;padding:34px;background:linear-gradient(145deg,var(--primary),#102541)}
.preset-split-focus .visual-zone:not(.has-cover){margin-bottom:0}
.preset-split-focus .visual-zone .brand-logo,.preset-split-focus .visual-zone .brand-fallback{position:relative;z-index:2}
.preset-split-focus .content-zone{padding:38px}
.preset-split-focus h1,.preset-split-focus .subtitle{text-align:right}
.preset-split-focus .visual-zone.logo-position-center{justify-items:center}.preset-split-focus .visual-zone.logo-position-right{justify-items:end}.preset-split-focus .visual-zone.logo-position-left{justify-items:start}
.preset-split-focus .lead-card.has-cover-header{display:block;width:min(620px,100%)}
.preset-split-focus .lead-card.has-cover-header .visual-zone{min-height:190px;display:flex;margin:0;width:100%;padding:34px 38px}
.preset-split-focus .lead-card.has-cover-header .content-zone{padding:38px}

/* Minimal clean */
.preset-minimal-clean{background:#f4f5f7}
.preset-minimal-clean:before,.preset-minimal-clean:after{display:none}
.preset-minimal-clean .lead-card{width:min(520px,100%);border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.08)}
.preset-minimal-clean .brand-fallback{border-radius:50%;box-shadow:none}
.preset-minimal-clean .submit-button{box-shadow:none}

/* Neon night */
.preset-neon-night{color:#f4f8ff;background:radial-gradient(circle at 50% 0,rgba(92,242,214,.13),transparent 35%),#050816}
.preset-neon-night .lead-card{color:#f6f8ff;border:1px solid rgba(92,242,214,.30);background:rgba(7,12,25,.88);box-shadow:0 0 0 1px rgba(124,92,252,.10),0 30px 100px rgba(0,0,0,.55),0 0 55px rgba(92,242,214,.08)}
.preset-neon-night .subtitle{color:#9eaac0}
.preset-neon-night .form-field input,.preset-neon-night .form-field textarea,.preset-neon-night .form-field select{color:#eef5ff;border-color:rgba(92,242,214,.18);background:rgba(255,255,255,.055)}
.preset-neon-night .form-field input::placeholder,.preset-neon-night .form-field textarea::placeholder{color:#657189}
.preset-neon-night .submit-button{color:#04110e;text-shadow:none}

/* Bold gradient */
.preset-bold-gradient{background:linear-gradient(125deg,#ff4d8d,var(--background) 52%,#4e38b9);background-size:180% 180%;animation:gradient-shift 12s ease infinite}
.preset-bold-gradient .lead-card{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.82)}
.preset-bold-gradient .brand-fallback{transform:rotate(-5deg)}

/* Optional effects */
.effect-none .effect-layer{display:none}
.effect-aurora .effect-layer i:nth-child(1),.effect-aurora .effect-layer i:nth-child(2),.effect-aurora .effect-layer i:nth-child(3){width:42vw;height:42vw;border-radius:50%;filter:blur(70px);opacity:.24;animation:aurora 14s ease-in-out infinite alternate}
.effect-aurora .effect-layer i:nth-child(1){top:-18%;right:-8%;background:#7c5cfc}.effect-aurora .effect-layer i:nth-child(2){bottom:-24%;left:-8%;background:#30d5c8;animation-delay:-5s}.effect-aurora .effect-layer i:nth-child(3){top:36%;left:38%;background:#ff4d8d;animation-delay:-9s}
.effect-particles .effect-layer i{width:5px;height:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px var(--primary);opacity:.48;animation:particle 9s ease-in-out infinite}
.effect-particles .effect-layer i:nth-child(1){top:12%;left:8%}.effect-particles .effect-layer i:nth-child(2){top:28%;left:19%;animation-delay:-2s}.effect-particles .effect-layer i:nth-child(3){top:72%;left:10%;animation-delay:-4s}.effect-particles .effect-layer i:nth-child(4){top:85%;left:33%;animation-delay:-7s}.effect-particles .effect-layer i:nth-child(5){top:18%;left:44%;animation-delay:-3s}.effect-particles .effect-layer i:nth-child(6){top:64%;left:53%;animation-delay:-6s}.effect-particles .effect-layer i:nth-child(7){top:8%;left:68%;animation-delay:-5s}.effect-particles .effect-layer i:nth-child(8){top:34%;left:83%;animation-delay:-1s}.effect-particles .effect-layer i:nth-child(9){top:78%;left:89%;animation-delay:-8s}.effect-particles .effect-layer i:nth-child(10){top:56%;left:74%;animation-delay:-4s}.effect-particles .effect-layer i:nth-child(11){top:44%;left:28%;animation-delay:-6s}.effect-particles .effect-layer i:nth-child(12){top:93%;left:62%;animation-delay:-2s}.effect-particles .effect-layer i:nth-child(13){top:15%;left:92%;animation-delay:-7s}.effect-particles .effect-layer i:nth-child(14){top:62%;left:3%;animation-delay:-3s}
.effect-spotlight:before{inset:-10%;width:auto;height:auto;border-radius:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.32),transparent 28%);transition:background-position .12s}

.effect-waves .effect-layer i:nth-child(-n+4){top:50%;left:50%;width:180px;height:180px;border:2px solid rgba(255,255,255,.25);border-radius:50%;animation:wave-ring 8s ease-out infinite}
.effect-waves .effect-layer i:nth-child(2){animation-delay:-2s}.effect-waves .effect-layer i:nth-child(3){animation-delay:-4s}.effect-waves .effect-layer i:nth-child(4){animation-delay:-6s}
.effect-comets .effect-layer i:nth-child(-n+8){width:150px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--primary),#fff);filter:drop-shadow(0 0 8px var(--primary));opacity:0;transform:rotate(-28deg);animation:comet 8s linear infinite}
.effect-comets .effect-layer i:nth-child(1){top:8%;left:-25%;animation-delay:-1s}.effect-comets .effect-layer i:nth-child(2){top:22%;left:-25%;animation-delay:-6s}.effect-comets .effect-layer i:nth-child(3){top:40%;left:-25%;animation-delay:-3s}.effect-comets .effect-layer i:nth-child(4){top:61%;left:-25%;animation-delay:-7s}.effect-comets .effect-layer i:nth-child(5){top:78%;left:-25%;animation-delay:-4s}.effect-comets .effect-layer i:nth-child(6){top:91%;left:-25%;animation-delay:-2s}
.effect-grid .effect-layer{opacity:.38;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:54px 54px;transform:perspective(420px) rotateX(58deg) scale(1.5) translateY(18%);transform-origin:center bottom;animation:grid-drift 12s linear infinite}

/* Card motion effects */
.card-effect-shine .lead-card:before{content:"";position:absolute;z-index:4;inset:-35% auto -35% -65%;width:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:skewX(-18deg);animation:card-shine 5.4s ease-in-out infinite}
.card-effect-float .lead-card{animation:card-in .72s cubic-bezier(.2,.75,.25,1) both,card-float 4.8s .8s ease-in-out infinite}
.card-effect-pulse-border .lead-card{animation:card-in .72s cubic-bezier(.2,.75,.25,1) both,card-pulse 3.2s .8s ease-in-out infinite}
.card-effect-tilt .lead-card{transform:perspective(1050px) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease}
.card-effect-tilt .lead-card:hover{box-shadow:0 38px 110px rgba(3,9,24,.36)}

/* Rotating promotional phrases inside the form flow */
.promo-stage{position:relative;min-height:52px;margin:-7px 0 20px;overflow:hidden;pointer-events:none}
.promo-phrase{position:absolute;inset:0;display:grid;place-items:center;width:100%;opacity:0;padding:10px 15px;color:#fff;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(8,16,31,.68);box-shadow:0 10px 28px rgba(3,9,24,.18);backdrop-filter:blur(12px);font-family:"Heebo","Segoe UI","Noto Sans Hebrew",Arial,sans-serif;font-size:clamp(14px,2.8vw,17px);font-weight:800;line-height:1.4;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.34)}
.promo-phrase.active{opacity:1}
.promo-phrase.fx-bubble-pop.active{animation:phrase-bubble 3.8s ease both}
.promo-phrase.fx-bubble-pop:after{content:"";position:absolute;right:30px;bottom:-8px;width:16px;height:16px;border-right:1px solid rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.32);background:rgba(8,16,31,.60);transform:rotate(45deg)}
.promo-phrase.fx-background-rise.active{border-color:rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.06));animation:phrase-rise 3.8s ease both}
.promo-phrase.fx-ribbon-swipe.active{border:0;border-radius:8px;background:linear-gradient(100deg,var(--primary),#ff4d8d);box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 34%,transparent);animation:phrase-ribbon 3.8s cubic-bezier(.2,.75,.2,1) both}
.promo-phrase.fx-typewriter{overflow:hidden;white-space:nowrap;border-radius:8px;background:rgba(5,10,20,.76)}
.promo-phrase.fx-typewriter.active{animation:phrase-type 3.8s steps(18,end) both}
.promo-phrase.fx-neon-pulse{color:#fff;border-color:var(--primary);background:rgba(5,8,18,.72);box-shadow:0 0 16px color-mix(in srgb,var(--primary) 60%,transparent),inset 0 0 18px color-mix(in srgb,var(--primary) 16%,transparent)}
.promo-phrase.fx-neon-pulse.active{animation:phrase-neon 3.8s ease both}

@keyframes card-in{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes field-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes aurora{0%{transform:translate3d(-8%,-6%,0) scale(.9)}100%{transform:translate3d(13%,10%,0) scale(1.15)}}
@keyframes particle{0%,100%{transform:translateY(0) scale(.8);opacity:.25}50%{transform:translateY(-32px) scale(1.35);opacity:.8}}
@keyframes gradient-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes wave-ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(4.5)}}
@keyframes comet{0%{opacity:0;translate:0 0}10%{opacity:.9}65%,100%{opacity:0;translate:145vw 72vh}}
@keyframes grid-drift{to{background-position:0 108px,108px 0}}
@keyframes card-shine{0%,64%{left:-65%;opacity:0}72%{opacity:.8}90%,100%{left:125%;opacity:0}}
@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes card-pulse{0%,100%{box-shadow:0 30px 90px rgba(3,9,24,.28),0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}50%{box-shadow:0 35px 105px rgba(3,9,24,.34),0 0 0 3px color-mix(in srgb,var(--primary) 48%,transparent),0 0 45px color-mix(in srgb,var(--primary) 28%,transparent)}}
@keyframes phrase-bubble{0%{opacity:0;transform:scale(.25) translateY(20px)}12%{opacity:1;transform:scale(1.06) translateY(0)}20%,78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.26) translateY(-8px);filter:blur(3px)}}
@keyframes phrase-rise{0%{opacity:0;transform:translateY(38px);filter:blur(12px)}18%,76%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:translateY(-24px);filter:blur(8px)}}
@keyframes phrase-ribbon{0%{opacity:0;transform:translateX(90px) rotate(2deg)}16%,76%{opacity:1;transform:translateX(0) rotate(-1deg)}100%{opacity:0;transform:translateX(-90px) rotate(-2deg)}}
@keyframes phrase-type{0%{opacity:1;clip-path:inset(0 100% 0 0)}18%,76%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes phrase-neon{0%{opacity:0;transform:scale(.88);filter:brightness(2.2)}15%,72%{opacity:1;transform:scale(1);filter:brightness(1)}82%{opacity:1;filter:brightness(1.8)}100%{opacity:0;transform:scale(1.08);filter:blur(2px)}}

@media(max-width:760px){
  .landing-page{padding:20px 12px}
  .lead-card{--card-pad:18px;border-radius:20px}
  .lead-card h1{font-size:29px}
  .subtitle{font-size:14px}
  .preset-split-focus .lead-card{display:block}
  .preset-split-focus .visual-zone{min-height:210px;padding:25px}
  .preset-split-focus .content-zone{padding:24px 18px}
  .preset-split-focus h1,.preset-split-focus .subtitle{text-align:center}
  .visual-zone.has-cover{min-height:158px;padding:25px 18px}
  .preset-split-focus .lead-card.has-cover-header .visual-zone{min-height:165px;padding:25px 18px}
  .promo-stage{min-height:50px;margin-top:-5px}
  .promo-phrase{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .effect-layer{display:none}
  .promo-phrase{display:none}.promo-phrase.active{display:grid;opacity:1;animation:none!important}
}

/* Card-style contrast must override every visual preset. */
.landing-page .lead-card.dark{color:#f7f9ff;border-color:rgba(255,255,255,.14);background:rgba(8,13,25,.94);color-scheme:dark}
.landing-page .lead-card.dark h1,.landing-page .lead-card.dark .form-field>span,.landing-page .lead-card.dark .check-field{color:#f7f9ff}
.landing-page .lead-card.dark .subtitle{color:#b8c4d6}
.landing-page .lead-card.dark .form-field input,.landing-page .lead-card.dark .form-field textarea,.landing-page .lead-card.dark .form-field select{color:#172033;border-color:rgba(255,255,255,.20);background:#fff;color-scheme:light}
.landing-page .lead-card.dark .form-field input::placeholder,.landing-page .lead-card.dark .form-field textarea::placeholder{color:#6f7d90}
.landing-page .lead-card.dark .completion-message p{color:#eef5ff}

/* The completion state opens centered without an anchor-induced scroll jump. */
.landing-page.is-complete{align-content:center;scroll-margin-top:0}
.landing-page.is-complete .completion-message{padding:20px 8px 10px}

/* Larger, clearer desktop typography for labels, entered values and promotions. */
@media(min-width:761px){
  .lead-card{width:min(540px,100%)}
  .subtitle{font-size:16px}
  .form-field>span,.check-field{font-size:16px}
  .form-field input,.form-field textarea,.form-field select{padding:14px 15px;font-size:17px}
  .submit-button{padding:15px;font-size:17px}
  .public-alert{font-size:14px}
  .promo-stage{min-height:58px}
  .promo-phrase{font-size:17px}
}