:root{--ink:#1d2b4f;--teal:#0f8b8d;--teal2:#d8f1ef;--coral:#ff7a59;--coral2:#ffe4dc;--sand:#fff7ec;--lav:#ece8ff;--sun:#ffc94d;--white:#fff;--r:18px;--sh:0 6px 18px rgba(29,43,79,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Rubik","Heebo","Assistant","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;color:var(--ink);background:var(--sand);line-height:1.6;font-size:17px}
a{color:var(--teal)}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--ink);color:#fff}
.brand{display:flex;gap:8px;align-items:center;color:#fff;text-decoration:none;font-weight:700;font-size:20px}
.logo-dot{font-size:24px}
.menu-btn{background:var(--coral);color:#fff;border:0;border-radius:12px;font-size:24px;min-width:48px;min-height:48px;cursor:pointer}
.drawer{display:none;position:fixed;z-index:30;top:68px;right:10px;left:10px;max-height:calc(100vh - 80px);overflow:auto;background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:8px}
.drawer.open{display:block}
.drawer a{display:block;padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--ink);font-size:18px}
.drawer a:hover,.drawer a:focus{background:var(--teal2)}
main{max-width:980px;margin:0 auto;padding:16px 14px 30px;outline:none}
.hero{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(160deg,#16326b 0%,#0f8b8d 100%);color:#fff;padding:26px 20px 70px;box-shadow:var(--sh)}
.hero h1{margin:0 0 8px;font-size:32px;line-height:1.2}
.hero p{margin:0;font-size:18px;opacity:.95}
.hero .wave{position:absolute;bottom:-2px;right:0;left:0;height:60px}
.kicker{display:inline-block;background:var(--sun);color:var(--ink);padding:3px 12px;border-radius:99px;font-weight:700;font-size:14px;margin-bottom:10px}
h2{font-size:26px;margin:22px 0 10px;line-height:1.25}
h3{font-size:20px;margin:10px 0 6px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tile{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;min-height:110px;padding:14px 10px;border-radius:var(--r);background:#fff;box-shadow:var(--sh);text-decoration:none;color:var(--ink);font-weight:700;font-size:17px;border:3px solid transparent;transition:transform .15s}
.tile:hover,.tile:focus{transform:translateY(-3px);border-color:var(--teal)}
.tile .em{font-size:34px}
.tile small{font-weight:400;font-size:14px;opacity:.8}
.card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:16px;margin:12px 0}
.video{position:relative;padding-top:56.25%;border-radius:var(--r);overflow:hidden;background:#000;box-shadow:var(--sh)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.credit{font-size:14px;opacity:.8;margin:6px 4px 0}
.pts{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.pt{background:#fff;border-radius:var(--r);padding:14px;box-shadow:var(--sh);border-top:6px solid var(--teal)}
.pt:nth-child(3n+2){border-top-color:var(--coral)}
.pt:nth-child(3n){border-top-color:var(--sun)}
.pt .n{font-size:28px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.chip{background:var(--teal2);border-radius:99px;padding:6px 12px;font-size:15px}
.chip b{direction:ltr;unicode-bidi:isolate}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:10px 20px;border-radius:14px;border:0;background:var(--teal);color:#fff;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;box-shadow:0 3px 0 rgba(0,0,0,.15)}
.btn.alt{background:var(--coral)}
.btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:none}
.btn.sm{min-height:44px;font-size:16px;padding:8px 14px}
.btn:active{transform:translateY(2px)}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.tabs a{flex:0 0 auto;min-height:48px;display:flex;align-items:center;padding:8px 16px;border-radius:99px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;box-shadow:var(--sh)}
.tabs a.on{background:var(--ink);color:#fff}
.act{background:#fff;border-radius:var(--r);box-shadow:var(--sh);margin:14px 0;overflow:hidden}
.act summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:14px;min-height:64px;font-weight:700;font-size:19px}
.act summary::-webkit-details-marker{display:none}
.act summary .em{font-size:30px}
.act summary .meta{margin-inline-start:auto;font-size:14px;font-weight:400;background:var(--lav);border-radius:99px;padding:3px 10px;white-space:nowrap}
.act .body{padding:0 16px 16px}
.act ol{padding-inline-start:22px;margin:6px 0}
.act li{margin:6px 0}
.goal{background:var(--teal2);border-radius:12px;padding:10px 12px}
.prod{background:var(--coral2);border-radius:12px;padding:10px 12px;margin-top:8px}
.model{display:inline-block;background:var(--sun);border-radius:99px;padding:2px 10px;font-size:14px;font-weight:700}
.nk{font-size:20px;line-height:2}
.q-opts{display:grid;gap:10px;margin:12px 0}
.opt{min-height:56px;text-align:right;padding:12px 16px;border-radius:14px;border:2px solid #cfd6e6;background:#fff;font-size:17px;font-family:inherit;color:var(--ink);cursor:pointer}
.opt:hover{border-color:var(--teal)}
.opt.ok{background:#dff6e5;border-color:#2e9b57}
.opt.no{background:#ffe2e0;border-color:#d64545}
.opt:disabled{cursor:default}
.fb{border-radius:12px;padding:10px 12px;margin:8px 0;font-weight:500}
.fb.ok{background:#dff6e5}.fb.no{background:#fff1d6}
.progress{height:12px;background:#e3e7f1;border-radius:99px;overflow:hidden}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--coral));transition:width .3s}
.score{font-size:18px;font-weight:700}
.big-card{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;border-radius:26px;background:linear-gradient(150deg,#fff 0%,var(--lav) 100%);box-shadow:var(--sh);font-size:24px;font-weight:700;line-height:1.45}
.big-card .cat{font-size:16px;font-weight:700;background:var(--ink);color:#fff;border-radius:99px;padding:4px 12px;margin-bottom:14px}
.flip{animation:flip .45s}
@keyframes flip{from{transform:rotateY(80deg);opacity:.2}to{transform:none;opacity:1}}
.timer{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;min-width:90px;text-align:center}
select,input[type=text],textarea{font-family:inherit;font-size:17px;padding:10px 12px;border-radius:12px;border:2px solid #cfd6e6;width:100%;background:#fff;color:var(--ink)}
textarea{min-height:84px;resize:vertical}
label{font-weight:700;display:block;margin:12px 0 4px}
.order-pool,.order-done{display:grid;gap:8px;margin:10px 0}
.order-done .slot{min-height:52px;border:2px dashed #b9c3d8;border-radius:14px;padding:12px;background:#fff}
.order-done .slot.f{border-style:solid;border-color:var(--teal);background:var(--teal2);font-weight:700}
.emo-scale{display:flex;gap:6px;justify-content:space-between}
.emo-scale button{flex:1;min-height:56px;font-size:28px;border-radius:14px;border:2px solid #cfd6e6;background:#fff;cursor:pointer}
.emo-scale button.on{border-color:var(--coral);background:var(--coral2)}
.plan{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:18px;border-top:10px solid var(--teal)}
.plan h3{color:var(--teal)}
.plan ul{padding-inline-start:20px}
.check{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:17px}
.check input{width:26px;height:26px;flex:0 0 26px;margin-top:2px}
.deck{position:relative;background:#16326b;border-radius:22px;padding:12px;box-shadow:var(--sh)}
.slide{aspect-ratio:16/10;background:linear-gradient(160deg,#fff 0%,#f2f0ff 100%);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}
.slide.title{background:linear-gradient(160deg,#16326b 0%,#0f8b8d 100%);color:#fff;text-align:center;align-items:center}
.slide .se{font-size:44px;line-height:1}
.slide h3{font-size:clamp(20px,4.4vw,40px);margin:6px 0 10px;line-height:1.2}
.slide ul{margin:0;padding-inline-start:22px;font-size:clamp(14px,2.6vw,26px);line-height:1.5}
.slide .sub{font-size:clamp(16px,3vw,28px);opacity:.9}
.slide .num{position:absolute;bottom:8px;left:14px;font-size:13px;opacity:.6}
.slide .sig{position:absolute;bottom:8px;right:16px;font-size:13px;opacity:.75}
.deck-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;color:#fff}
.deck:fullscreen{display:flex;flex-direction:column;justify-content:center;border-radius:0;padding:3vh 4vw}
.deck:fullscreen .slide{max-height:85vh}
.toast{position:fixed;bottom:18px;right:50%;transform:translateX(50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:99px;opacity:0;transition:opacity .25s;pointer-events:none;z-index:50;font-weight:700}
.toast.on{opacity:1}
.prompt{background:#f6f8fc;border-radius:12px;padding:12px;border-inline-start:5px solid var(--coral);white-space:pre-wrap;margin:6px 0}
.note{background:#fff8dc;border-radius:12px;padding:10px 12px;border:1px solid #f0d77c}
.foot{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 14px 30px;font-weight:700;font-size:17px;color:var(--ink)}
.foot img{border-radius:50%;background:#fff}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}
.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:fall 2.2s linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
.print-only{display:none}
@media (max-width:640px){.slide{aspect-ratio:auto;min-height:330px;padding:18px 18px 40px}.slide ul{font-size:17px}.slide h3{font-size:24px}.slide .sub{font-size:19px}}
@media (min-width:700px){.hero h1{font-size:42px}.q-opts{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{
 @page{size:A4;margin:15mm}
 body{background:#fff;font-size:12pt;text-align:right}
 .top,.drawer,.toast,.no-print,.btn,.tabs,.video,.emo-scale,.deck-nav{display:none!important}
 .print-only{display:block}
 main{max-width:none;padding:0}
 .card,.act,.plan,.pt{box-shadow:none;border:1px solid #bbb;break-inside:avoid}
 .act .body{display:block}
 details.act>*{display:block}
 .hero{box-shadow:none;color:#000;background:#fff;border:2px solid #0f8b8d;padding:12px}
 .hero .wave{display:none}
 .foot{padding:8px}
 a{color:#000;text-decoration:none}
}