@font-face{font-family:Futurism;src:url(/qs/fonts/Futurism-Black.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Futurism;src:url(/qs/fonts/Futurism-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Futurism;src:url(/qs/fonts/Futurism-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Assistant;src:url(/qs/fonts/Assistant-var-heb.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--or:#FF6B35;--or2:#FFB347;--grad:linear-gradient(100deg,#FF6B35,#FFB347);
 --gold:linear-gradient(130deg,#FFFFFF 20%,#FFB347 100%);
 --disp:Futurism,Heebo,'Arial Hebrew',system-ui,sans-serif;--body:Assistant,Heebo,'Arial Hebrew',system-ui,sans-serif;--p:0}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:var(--body);background:var(--bg);color:var(--ink);overflow-x:hidden}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.num{font-family:var(--disp);font-weight:700;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow,.qn,.kbd,.meta,.demo,.count{font-family:var(--disp);letter-spacing:.02em}
.app{position:relative;min-height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column}
#stage{position:relative;flex:1;display:grid}
.scr{grid-area:1/1;min-width:0;padding:24px 22px 40px;display:flex;flex-direction:column;justify-content:center}
.scr>*,.app>*,#stage{min-width:0;max-width:100%}
.h1{font-family:var(--disp);font-weight:900;line-height:1.05}
.h2{font-family:var(--disp);font-weight:900;line-height:1.18;white-space:pre-line}
.sub{line-height:1.6}
.err{min-height:1.4em;color:var(--or2);font-size:15px;margin-top:8px}
.shake{animation:shake .38s}
@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.flag{display:inline-block;margin-top:8px;font-size:12px;padding:3px 9px;border-radius:99px;border:1px dashed rgba(255,179,71,.6);color:var(--or2)}
.go{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--disp);font-weight:700;color:#120A04;background:var(--grad);min-height:56px;padding:0 28px;border-radius:99px;font-size:18px;transition:transform .15s,opacity .2s}
.go:active{transform:scale(.97)} .go[disabled]{opacity:.35;cursor:default}
.go i{font-style:normal;font-size:20px}
.go.sm{min-height:50px;font-size:16px;align-self:flex-start;margin-top:6px}
.kbd{font-size:12px;opacity:.45;margin-top:10px}
.qn em{font-style:normal;font-family:var(--body);font-size:12px;opacity:.6;margin-inline-start:8px}
.ghost{margin-top:22px;font-size:14px;opacity:.6;text-decoration:underline}
.demo{font-size:11px;opacity:.45;margin-top:14px}
.hint{opacity:.55;font-size:15px}
.inp{width:100%;font:inherit;font-size:19px;color:inherit;background:transparent;border:0;outline:0;resize:none}
.inp[dir=ltr]{text-align:right}
.inp::placeholder{color:inherit;opacity:.35}
.ans{display:contents}
.ba,.la{unicode-bidi:plaintext}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@font-face{font-family:Futurism;src:url(/qs/fonts/Futurism-Light.woff2) format('woff2');font-weight:300;font-display:swap}
:root{--bg:#050508;--surf:#0D0D14;--ink:#E4E4F0;--muted:#72728C;--line:rgba(255,255,255,.065);
 --or:#FF6B35;--or2:#FF9A5C;--or3:#FFB347;--purple:#5B2EA0;--cream:#F4F2EE;--cink:#0D0D14;--lmuted:#5C5C78;
 --gold:linear-gradient(130deg,#FFFFFF 20%,#FFB347 100%);
 --gold-c:linear-gradient(130deg,#B38C59 6%,#E8D2A6 46%,#D1B380 72%,#8C6B3A 100%)}
body{background:#050508}
/* ---------- background: grid + glows + concentric rings with an orbiting dot ---------- */
.bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;
 mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,transparent 85%)}
.glow{position:absolute;border-radius:50%;filter:blur(80px)}
.g1{width:520px;height:520px;top:-220px;left:calc(30% - 260px + var(--p)*30%);background:radial-gradient(circle,rgba(255,107,53,.55),transparent 65%);transition:left 1.2s}
.g2{width:560px;height:560px;bottom:-300px;right:-200px;background:radial-gradient(circle,rgba(91,46,160,.55),transparent 65%)}
.rings{position:absolute;width:640px;height:640px;top:42%;left:50%;transform:translate(-50%,-50%)}
.rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,107,53,.12)}
.rings i:nth-child(2){inset:90px;border-color:rgba(255,107,53,.09)}
.rings i:nth-child(3){inset:180px;border-color:rgba(255,179,71,.08)}
.orbit{position:absolute;inset:0;animation:spin 24s linear infinite}
.orbit em{position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 14px 4px rgba(255,107,53,.7)}
@keyframes spin{to{transform:rotate(360deg)}}
/* ---------- journey line (hub): glowing line that fills with progress ---------- */
.journey{position:fixed;top:120px;bottom:40px;right:14px;width:2px;background:rgba(255,255,255,.06);border-radius:2px;z-index:1}
.journey i{position:absolute;top:0;right:0;width:2px;height:calc(var(--p)*100%);background:linear-gradient(var(--or3),var(--or));box-shadow:0 0 10px rgba(255,107,53,.8);transition:height .8s cubic-bezier(.2,.8,.2,1)}
.journey b{position:absolute;right:-4px;top:calc(var(--p)*100% - 5px);width:10px;height:10px;border-radius:50%;background:#FFB347;box-shadow:0 0 0 4px rgba(255,179,71,.18),0 0 16px #FF6B35;transition:top .8s cubic-bezier(.2,.8,.2,1)}
/* ---------- ticker (bootcamp marquee) ---------- */
.ticker{position:relative;z-index:4;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);background:#08080C;font-family:var(--disp);font-size:12px;color:var(--or2)}
.track{display:inline-flex;gap:22px;padding:7px 0;animation:tick 38s linear infinite}
.track b{color:var(--or);font-weight:400}
@keyframes tick{to{transform:translateX(50%)}}
/* ---------- header: dark bar with status chip ---------- */
.top{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 16px 10px 26px;background:rgba(5,5,8,.72);backdrop-filter:blur(14px)}
.top .back{height:36px;padding:0 13px;border-radius:99px;border:1px solid rgba(255,255,255,.12);font-size:14px;display:flex;align-items:center;gap:6px;color:var(--ink)}
.top .back span{font-family:var(--disp);font-size:12px}
.brand{order:-1;margin-inline-end:auto;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.04em;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.rail{list-style:none;display:flex}
.rail li{display:none;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:99px;border:1px solid rgba(255,107,53,.4);font-family:var(--disp);font-size:12px;color:var(--or2)}
.rail li.now{display:flex}
.rail li.now::before{content:'';width:6px;height:6px;border-radius:50%;background:#3DDC84;box-shadow:0 0 8px #3DDC84;animation:pulse 1.6s infinite}
.rail li .num{background:none;color:var(--or2);-webkit-text-fill-color:currentColor}
.rail li .num::after{content:' ·'}
@keyframes pulse{50%{opacity:.35}}
/* ---------- meter: bootcamp-style progress with striped done part ---------- */
.meter{position:relative;z-index:3;display:flex;align-items:center;gap:10px;margin:6px 16px 0 26px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(13,13,20,.6);backdrop-filter:blur(10px)}
.live{font-family:var(--disp);font-size:11px;color:var(--or2);display:flex;align-items:center;gap:6px}
.live::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 8px var(--or);animation:pulse 1.4s infinite}
.prog{flex:1;height:8px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.prog i{display:block;height:100%;border-radius:9px;transition:width .7s cubic-bezier(.2,.8,.2,1);
 background:repeating-linear-gradient(-45deg,rgba(255,255,255,.22) 0 6px,transparent 6px 12px),linear-gradient(90deg,#FF6B35,#FFB347);background-size:17px 17px,100% 100%;animation:stripes 1s linear infinite;box-shadow:0 0 14px rgba(255,107,53,.6)}
@keyframes stripes{to{background-position:17px 0,0 0}}
.count{font-size:13px;min-width:40px;text-align:left}
.count .num{font-weight:700}
#stage{z-index:2;padding:0 6px 0 16px}
.scr{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),filter .5s;padding-top:18px}
.scr.enter{opacity:0;transform:translateY(30px) scale(.97);filter:blur(6px)}
.scr.leave{opacity:0;transform:translateY(-26px) scale(.97);filter:blur(6px)}
.scr.rev.enter{transform:translateY(-30px)} .scr.rev.leave{transform:translateY(26px)}
/* ---------- frosted LIGHT card on dark (hub) with glowing orange border ---------- */
.q,.book,.done{position:relative;color:var(--cink);border-radius:28px;padding:26px 22px 24px;
 background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(244,242,238,.86));backdrop-filter:blur(16px);
 border:1.5px solid rgba(255,155,92,.9);box-shadow:0 0 0 1px rgba(255,107,53,.25),0 0 34px -4px rgba(255,107,53,.45),0 30px 60px -20px rgba(0,0,0,.7)}
.q::after,.book::after,.done::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:radial-gradient(60% 40% at 100% 0%,rgba(255,179,71,.22),transparent 70%)}
.head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.head b{font-family:var(--disp);font-size:13px;color:var(--lmuted)}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0D0D14;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #FF6B35,0 0 16px rgba(255,107,53,.6)}
.av i{font-style:normal;font-family:var(--disp);font-weight:900;font-size:12px;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.head .typing{display:inline-flex;gap:4px;margin-inline-start:4px;animation:gone 0s .42s forwards}
.head .typing i{width:6px;height:6px;border-radius:50%;background:var(--or);animation:dot .9s infinite}
.head .typing i:nth-child(2){animation-delay:.15s}.head .typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{transform:translateY(-3px);opacity:.4}}
@keyframes gone{to{opacity:0;width:0;margin:0}}
/* big thin number, gold-on-cream (hub "01") */
.q .qn{position:absolute;top:14px;left:20px;margin:0;display:flex;align-items:baseline;gap:4px}
.q .qn .num{font-family:var(--disp);font-weight:300;font-size:46px;letter-spacing:-.02em;background:var(--gold-c);-webkit-background-clip:text;background-clip:text;color:transparent}
.q .qn span{font-family:var(--disp);font-size:13px;color:var(--lmuted)}
.q .qn em{display:none}
.intro{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:13px;color:#D9480F;margin:14px 0 2px}
.intro::before,.intro::after{content:'';height:1px;width:22px;background:currentColor;opacity:.5}
.q .h2{position:relative;font-size:23px;line-height:1.25;margin:16px 0 18px;max-width:88%;
 opacity:0;transform:translateY(8px);animation:bubin .4s cubic-bezier(.2,1.2,.4,1) .38s forwards}
.q .ans,.q .intro,.q .flag{opacity:0;animation:fadeup .35s .55s forwards}
.q .ans{display:block;position:relative;z-index:1}
@keyframes bubin{to{opacity:1;transform:none}}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.flag{border-color:rgba(217,72,15,.5);color:#D9480F}
.inp{background:#fff;color:var(--cink);border:1.5px solid rgba(13,13,20,.1);border-radius:16px;padding:15px 16px}
.inp:focus{border-color:var(--or);box-shadow:0 0 0 4px rgba(255,107,53,.16)}
.opts{display:flex;flex-direction:column;gap:9px}
.opts.two{flex-direction:row} .opts.two .opt{flex:1;justify-content:center}
.opt{position:relative;display:flex;align-items:center;gap:12px;min-height:54px;padding:0 16px;border-radius:16px;text-align:right;font-size:17px;color:var(--cink);
 background:#fff;border:1.5px solid rgba(13,13,20,.09);transition:all .2s}
.opt:hover{border-color:rgba(255,107,53,.6);transform:translateX(-3px)}
.opt .key{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-family:var(--disp);background:#F4F2EE;color:var(--lmuted)}
.opt.on{background:#0D0D14;color:#fff;border-color:#0D0D14;box-shadow:0 10px 24px -10px rgba(255,107,53,.8)}
.opt.on .key{background:var(--or);color:#fff}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.sc{height:52px;border-radius:14px;background:#fff;border:1.5px solid rgba(13,13,20,.09);font-family:var(--disp);font-weight:700;font-size:18px;color:var(--cink)}
.sc.on{background:linear-gradient(90deg,#FF6B35,#FFB347);border-color:transparent;color:#120A04;box-shadow:0 0 20px rgba(255,107,53,.55)}
.ends{display:flex;justify-content:space-between;font-size:13px;color:var(--lmuted);margin-top:10px}
.err{color:#D9480F}
.kbd{color:var(--lmuted)}
/* orange button with glow + light sweep (bootcamp CTA) */
.go{position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,179,71,.4),0 14px 30px -10px rgba(255,107,53,.85)}
.go::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:sheen 3.2s ease-in-out infinite}
@keyframes sheen{0%,55%{left:-60%}85%,100%{left:130%}}
/* ---------- cover: dark glass hero (bootcamp hero) ---------- */
.cov{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:34px 10px 10px}
.cov .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:7px 14px;border-radius:99px;border:1px solid rgba(255,107,53,.35);background:rgba(255,107,53,.06);color:var(--or2)}
.cov .eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 10px var(--or);animation:pulse 1.4s infinite}
.cov .h1{font-size:44px;line-height:1.08}
.cov .h1{background:linear-gradient(180deg,#FFFFFF 35%,#FFB347 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cov .sub{color:#B9B9CC;font-size:17px}
.cov .meta{display:flex;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(13,13,20,.6);font-size:12px;margin-top:4px}
.cov .meta{padding:10px 16px}
.cov .go{margin-top:6px}
.cov .meta .num{margin:0 3px}
/* ---------- booking: info bar (hub) + chips ---------- */
.book .eyebrow{display:flex;justify-content:center;gap:0;padding:0;border-radius:14px;overflow:hidden;border:1px solid rgba(13,13,20,.1);font-size:12px;color:var(--lmuted);background:#fff}
.book .eyebrow{padding:9px 12px}
.book .eyebrow .num{background:none;color:#D9480F;-webkit-text-fill-color:currentColor}
.book .h2{font-size:21px;margin:14px 0 14px;color:var(--cink)}
.days{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}
.day{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 15px;border-radius:16px;background:#fff;border:1.5px solid rgba(13,13,20,.09);font-size:13px;color:var(--cink)}
.day .num{background:none;color:var(--cink);-webkit-text-fill-color:currentColor}
.day.on{background:#0D0D14;color:#fff;border-color:#0D0D14;box-shadow:0 10px 24px -10px rgba(255,107,53,.8)}
.day.on .num{color:#FFB347}
.times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 20px;min-height:60px}
.tm{height:48px;border-radius:14px;background:#fff;border:1.5px solid rgba(13,13,20,.09)}
.tm .num{background:none;color:var(--cink);-webkit-text-fill-color:currentColor;font-weight:700}
.tm.on{background:linear-gradient(90deg,#FF6B35,#FFB347);border-color:transparent} .tm.on .num{color:#120A04}
.hint,.demo{color:var(--lmuted)}
/* ---------- done: gradient ring (hub 360°) ---------- */
.done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:30px}
.tick{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:40px;color:#fff;background:#0D0D14;animation:pop .6s cubic-bezier(.2,1.6,.4,1)}
.tick::before{content:'';position:absolute;inset:-6px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#FF6B35,#FFB347,#5B2EA0,#FF6B35);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 4s linear infinite}
@keyframes pop{from{transform:scale(0)}}
.done .h2{color:var(--cink)}
.when .num{font-size:28px;background:var(--gold-c);-webkit-background-clip:text;background-clip:text;color:transparent}
.done .sub{color:var(--lmuted)}
.ghost{color:var(--lmuted)}
@media (min-width:700px){.journey{right:calc(50% - 300px)}}

/* multi-select (added 2026-11-06) */
.q .hint{margin:-4px 0 10px;font-size:14px}
/* "אחר" free text (added 2026-11-06) */
.q .other{margin-top:10px;animation:fadeup .3s both}
.q .wa-no p{font-size:15px;line-height:1.55;padding:12px 14px;margin-bottom:10px;border-radius:14px;background:rgba(255,107,53,.08);border:1px solid rgba(255,107,53,.3);color:var(--cink)}


/* manage page: Zoom entry - quiet white pill, never competes with the orange main button */
.zoom-btn+.zoom-btn{margin-top:-8px}
.done-acts{width:100%;margin-top:6px}
.zoom-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border-radius:99px;border:1.5px solid rgba(13,13,20,.14);background:#fff;color:#0D0D14;font-family:var(--disp);font-weight:700;font-size:16px;text-decoration:none;margin:2px 0 18px;transition:border-color .2s}
.zoom-btn:hover{border-color:rgba(255,107,53,.6)}
.zoom-btn svg{width:18px;height:18px;fill:none;stroke:#FF6B35;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}