:root{--green:#45b82d;--dark:#142c24;--ink:#17332a;--blue:#1763a9;--muted:#65756e;--line:#dfe7df;--cream:#f6f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #1763a9;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:18px}.brand img{width:139px;height:auto}.divider{height:30px;width:1px;background:var(--line)}.flag{width:35px;border-radius:2px}nav{display:flex;gap:28px;font-size:14px;font-weight:600}nav a:hover{color:#339824}.navcta{border:1px solid var(--line);padding:10px 18px;border-radius:7px;font-size:14px}.navcta span{margin-left:20px}.hero{display:grid;grid-template-columns:1.07fr 1fr;min-height:650px;padding:64px 6% 55px;gap:35px;background:linear-gradient(110deg,#fff 20%,#f3f7ec)}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;color:#388b32}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}h1{font-size:clamp(52px,5.6vw,83px);letter-spacing:-4px;line-height:1.04;margin:24px 0}h1 em{font-style:normal;color:#43a830}.hero-copy>p{max-width:490px;color:var(--muted);font-size:17px;line-height:1.8}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.btn{display:inline-flex;gap:24px;align-items:center;background:var(--dark);color:white;border:0;padding:16px 23px;border-radius:6px;font-size:14px;font-weight:bold}.btn:hover{background:#286943}.textbtn{background:none;border:0;color:var(--ink);font-size:13px;font-weight:600;padding:8px 0}.textbtn:hover{color:#33892b}.hero-meta{display:flex;gap:22px;font-size:11px;color:var(--muted);margin-top:30px}.visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:470px;background:radial-gradient(ellipse,#dfeecd 0,transparent 65%);overflow:hidden}.orbit{position:absolute;border:1px solid #b9cfa880;border-radius:50%;width:390px;height:390px}.orbit2{width:490px;height:490px}.orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#62b747;top:54px;left:49px;box-shadow:310px 240px 0 #1763a9}.shield{width:235px;filter:drop-shadow(0 25px 20px #184e292a);transform:rotate(-7deg)}.visual-label{position:absolute;top:10px;letter-spacing:2px;font-size:9px;color:#71866a}.visual-bottom{position:absolute;bottom:5px;font-size:9px;letter-spacing:2px;color:#71866a}.floatcard{position:absolute;display:flex;gap:12px;align-items:center;padding:15px 18px;background:#ffffffed;border:1px solid #e4ebdf;box-shadow:0 12px 40px #163d1910;border-radius:12px;font-size:12px}.floatcard b,.floatcard small{display:block}.floatcard small{font-size:10px;color:var(--muted);margin-top:3px}.card1{left:0;top:100px;transform:rotate(-4deg)}.card2{right:0;bottom:85px;transform:rotate(4deg)}.icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:20px}.pale{background:#eef5dd;color:#5d8d2a}.blue{background:#e5eef7;color:var(--blue)}.dot{width:6px;height:6px;border-radius:50%;background:#df9b4f;margin-left:5px}.strip{padding:23px 6%;display:flex;justify-content:space-between;gap:20px;background:#f0f4ed;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.strip>span{color:#6d7d70}.strip b{font-weight:600}.section{padding:86px 6%}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin:16px 0 0}h3{line-height:1.35;letter-spacing:-.4px}.section-head>p{max-width:345px;color:var(--muted);font-size:14px}.progressline{display:flex;align-items:center;gap:20px;background:var(--cream);padding:15px 20px;margin-bottom:24px;border-radius:6px;font-size:12px}.progressline b{margin-left:14px}progress{height:6px;flex:1;accent-color:var(--green);border:0}.filters{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.filters button{background:white;border:1px solid var(--line);padding:9px 16px;border-radius:25px;font-size:12px;color:var(--muted)}.filters .active{background:var(--dark);color:#fff;border-color:var(--dark)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module{border:1px solid var(--line);border-radius:10px;background:white;padding:25px;text-align:left;color:var(--ink);transition:.2s}.module:hover{transform:translateY(-4px);border-color:#76b75d;box-shadow:0 10px 30px #17332a09}.module-top{display:flex;justify-content:space-between;align-items:center}.module-top>span{font-size:24px;color:#388b32}.module small{font-size:10px;letter-spacing:1px;color:var(--muted)}.module h3{font-size:20px;margin:20px 0 10px}.module p{font-size:13px;color:var(--muted);min-height:42px}.module-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px}.games{background:var(--cream)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game-card{border:1px solid var(--line);background:white;border-radius:12px;padding:14px 14px 26px;text-align:left;color:var(--ink)}.game-art{height:170px;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:24px}.game-art>span{font-size:80px;font-weight:bold;transform:rotate(-12deg)}.game-art i{position:absolute;left:60%;top:30%;font-style:normal;background:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;box-shadow:0 8px 15px #0001}.mailart{background:#e8efdd;color:#689d37}.decisionart{background:#e4edf4;color:#2164a6}.quizart{background:#f6eadb;color:#b67f38}.game-card>small,.game-card>h3,.game-card>p,.game-card>b{margin-left:12px;margin-right:12px}.game-card small{font-size:9px;letter-spacing:1px;color:var(--muted)}.game-card h3{font-size:20px}.game-card p{font-size:13px;color:var(--muted)}.game-card>b{font-size:12px;display:block;margin-top:24px}.game-card:hover b{color:#389b2c}.scorebar{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:25px;color:var(--muted)}.habits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.habits article{border-top:1px solid var(--line);padding-top:23px}.habits article>b{color:#4caa36;font-size:12px}.habits h3{font-size:18px}.habits p{font-size:14px;color:var(--muted)}.incident{margin:0 6%;border-radius:14px;padding:55px;background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px}.incident .eyebrow{color:#a8dc86}.incident p{color:#b9ccbf;font-size:14px;max-width:400px}.light{background:#bde999;color:var(--dark);margin-top:15px}.incident ol{padding-left:26px}.incident li{padding:15px 0 15px 15px;border-bottom:1px solid #ffffff20}.incident li b,.incident li span{display:block}.incident li span{font-size:13px;color:#b9ccbf;margin-top:6px}.resources>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.resources a{padding:20px 0;border-top:1px solid var(--line);font-weight:bold}.resources a span{display:block;font-weight:normal;font-size:12px;color:var(--muted);margin-top:5px}.muted{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;gap:35px;align-items:center;font-size:12px}footer img{width:110px}footer p{flex:1;font-weight:bold}footer p span{font-weight:normal;color:var(--muted)}dialog{width:min(760px,94vw);max-height:90vh;border:0;border-radius:16px;padding:0;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#10271fbb;backdrop-filter:blur(5px)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px;position:sticky;top:0;background:white;z-index:1}.modal-top button{background:#f1f5ed;border:0;border-radius:50%;width:32px;height:32px}#modalBody{padding:30px}#modalBody h2{font-size:31px;margin-top:0}#modalBody p,#modalBody li{font-size:15px}.example{background:#f3f6ef;border-left:3px solid var(--green);padding:15px 20px;border-radius:4px;margin:20px 0}.lesson-list{padding-left:22px}.lesson-list li{margin-bottom:9px}.choices{display:grid;gap:10px;margin:20px 0}.choices button{padding:15px;text-align:left;border:1px solid var(--line);background:#fafcf8;border-radius:7px;color:var(--ink)}.choices button:hover:not(:disabled){border-color:var(--green)}.choices button:disabled{cursor:default}.choices .selected{border-color:#317b25;background:#e7f3de}.feedback{padding:18px;border-radius:7px;background:#eef4e8;margin:15px 0}.feedback.wrong{background:#fff0e7}.game-progress{font-size:12px;color:var(--muted);margin-bottom:20px}.message{border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:20px 0}.message small{display:block;padding:12px 18px;background:#f1f4ef;overflow-wrap:anywhere}.message p{padding:10px 20px}.message strong{display:block;margin-bottom:10px}.badge-result{font-size:60px;color:#439e34}.notice{font-size:12px!important;color:var(--muted)}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:15px;font-size:12px}.hero{padding:45px 5%;gap:0}.hero-meta{gap:12px}.actions{gap:12px}.card1{top:70px}.floatcard{padding:10px}.section{padding:65px 5%}.incident{margin:0 5%;padding:35px;gap:25px}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{height:78px;padding:0 5%}.brand img{width:110px}.brand{gap:10px}.flag{width:28px}nav{display:none}.navcta{font-size:12px;padding:8px 12px}.navcta span{margin-left:6px}.hero{grid-template-columns:1fr;padding:40px 6% 25px}.hero h1{font-size:61px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-meta{flex-wrap:wrap;font-size:10px}.actions{flex-wrap:wrap}.visual{min-height:380px;margin-top:30px}.shield{width:185px}.orbit1{width:300px;height:300px}.orbit2{width:380px;height:380px}.card1{top:65px}.card2{bottom:55px}.visual-label{top:0}.strip{overflow:auto;font-size:11px;align-items:center;white-space:nowrap}.strip>span:first-child{display:none}.section{padding:55px 6%}.section-head{display:block}h2{font-size:32px}.section-head>p{max-width:none;margin-top:20px}.module-grid,.game-grid,.habits,.resources>div{grid-template-columns:1fr}.module p{min-height:0}.game-art{height:150px}.progressline{flex-wrap:wrap;gap:8px}.progressline progress{min-width:80px}.progressline .textbtn{font-size:10px}.scorebar{flex-direction:column}.habits{gap:15px}.incident{grid-template-columns:1fr;padding:28px;gap:10px}.incident h2{font-size:29px}footer{flex-wrap:wrap;gap:15px}footer p{font-size:10px}footer .textbtn{font-size:11px}#modalBody{padding:23px}.modal-top{padding:14px 23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.header-actions{display:flex;align-items:center;gap:12px}.language-control{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 10px;color:var(--ink)}.language-icon{color:#388b32;font-size:18px;line-height:1}.language-control select{border:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);max-width:100px;cursor:pointer;padding:2px;min-height:25px}.language-control option{color:var(--ink);background:#fff}[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] h1{font-size:clamp(50px,5.3vw,76px);line-height:1.3}[dir=rtl] h2{line-height:1.5}[dir=rtl] .eyebrow,[dir=rtl] .visual-label,[dir=rtl] .visual-bottom,[dir=rtl] .module small,[dir=rtl] .game-card small,[dir=rtl] .modal-top{letter-spacing:0}[dir=rtl] .module,[dir=rtl] .game-card,[dir=rtl] .choices button{text-align:right}[dir=rtl] .eyebrow i{margin-right:0;margin-left:8px}[dir=rtl] .navcta span{margin-left:0;margin-right:20px}[dir=rtl] .progressline b{margin-left:0;margin-right:14px}[dir=rtl] .example{border-left:0;border-right:3px solid var(--green)}[dir=rtl] .lesson-list{padding-left:0;padding-right:22px}[dir=rtl] .incident ol{padding-left:0;padding-right:26px}[dir=rtl] .incident li{padding-left:0;padding-right:15px}[dir=rtl] .dot{margin-left:0;margin-right:5px}[dir=rtl] .message small{unicode-bidi:plaintext}[dir=rtl] .message p{unicode-bidi:plaintext}[dir=rtl] .scorebar b{unicode-bidi:plaintext}.brand{flex-shrink:0}header nav{gap:22px}header{gap:15px}@media(max-width:1100px){header nav{gap:12px;font-size:12px}.navcta{padding:10px}.navcta span{margin-left:5px}}@media(max-width:900px){header nav{display:none}}@media(max-width:700px){.header-actions{gap:0}.header-actions .navcta{display:none}.language-control{padding:7px 8px}.language-control select{font-size:12px;max-width:92px}[dir=rtl] .hero h1{font-size:54px;line-height:1.35}[dir=rtl] .incident h2{font-size:28px}[dir=rtl] .navcta span{margin-right:6px}}
.modal-language{margin-inline-start:auto;margin-inline-end:15px;padding:3px 7px}.modal-top{gap:8px}.modal-top>span{flex:1}.modal-language select{font-size:12px}@media(max-width:450px){.modal-top{padding:12px 16px;font-size:9px}.modal-language{margin-inline-end:3px}.modal-language select{max-width:75px;font-size:11px}}