@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#222b26;background:#f5f6f2;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #86b99d;outline-offset:3px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;padding:0 max(calc((100vw - 1180px)/2),28px);gap:56px;border-bottom:1px solid #e7e9e2;background:#fbfcf9}.brand{display:flex;align-items:center;gap:11px;text-align:left;background:none;font-family:Manrope;font-weight:800;font-size:16px;white-space:nowrap}.brand-icon{width:37px;height:37px;border-radius:12px;background:#1f6348;color:#fff;display:grid;place-items:center;font-size:20px}.brand small{display:block;letter-spacing:1.4px;font:700 8px DM Sans;color:#7c8780;margin-top:2px}nav{display:flex;height:100%;align-items:center;gap:29px;flex:1}nav button{height:100%;background:none;color:#6b756f;display:flex;align-items:center;gap:7px;font-size:13px;border-bottom:2px solid transparent}nav button.nav-active{color:#246546;border-color:#37805d;font-weight:700}.local-pill{font-size:11px;color:#5f7166;border:1px solid #e5eae5;border-radius:30px;padding:8px 11px;white-space:nowrap}.local-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65a17c;margin-right:7px}main{width:min(1180px,calc(100% - 56px));margin:0 auto;flex:1}.hero{margin:38px 0 25px;border-radius:20px;background:#eaf1e8;min-height:334px;display:flex;overflow:hidden;position:relative}.hero-copy{padding:43px 0 38px 54px;width:55%;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;color:#568268}.hero h1,.simple-page h1,.practice-page>h1,.results>h1{font:800 37px/1.12 Manrope;margin:14px 0;color:#24352b;letter-spacing:-1.6px}.hero h1 em{font-style:normal;color:#39815c}.hero-copy p{max-width:418px;color:#68766c;font-size:14px;line-height:1.65;margin:14px 0 19px}.primary,.secondary,.submit{border-radius:9px;padding:12px 17px;display:inline-flex;align-items:center;gap:10px;justify-content:center;font-weight:700;font-size:13px;transition:transform .16s,background .16s}.primary{background:#246747;color:#fff;box-shadow:0 3px 6px #14452c20}.primary:hover{background:#1b573b;transform:translateY(-1px)}.primary svg,.secondary svg,.submit svg{width:17px}.micro{margin-top:15px;font-size:11px;color:#728076;display:flex;align-items:center;gap:7px}.micro svg{color:#4b8b66}.micro b{color:#b5c0b8}.hero-art{position:absolute;right:0;top:0;bottom:0;width:48%;overflow:hidden;background:linear-gradient(165deg,#d9e8d8,#e6eedf 64%,#d3e4d0 64%)}.sun{position:absolute;top:36px;right:91px;width:87px;height:87px;border-radius:50%;background:#f8d883}.hill{position:absolute;width:430px;height:155px;border-radius:50% 50% 0 0}.hill-a{bottom:79px;right:-90px;background:#a6c5a2;transform:rotate(-9deg)}.hill-b{bottom:69px;left:-130px;background:#bed2ae;transform:rotate(11deg)}.road{position:absolute;bottom:-75px;right:60px;width:350px;height:199px;background:#67796c;transform:rotate(-16deg);border-radius:50% 50% 0 0}.roadline{position:absolute;bottom:0;right:200px;height:83px;width:4px;background:repeating-linear-gradient(to bottom,#fff 0 14px,transparent 14px 29px);z-index:1;transform:rotate(15deg)}.sign{position:absolute;z-index:2;width:39px;height:39px;background:#fbfaf3;border:4px solid #ce6455;border-radius:50%;display:grid;place-items:center;color:#50755b;font-weight:800}.sign-one{right:72px;top:141px}.sign-two{right:251px;top:191px;border-color:#e0b348}.tree{position:absolute;left:50px;top:137px;font-size:72px;color:#608564;text-shadow:14px 28px 0 #809c73}.car{position:absolute;z-index:3;bottom:48px;right:124px;font-size:48px;filter:saturate(.7)}.route-tag{position:absolute;z-index:3;right:22px;bottom:19px;background:#fbfcf4d9;color:#426b4d;border-radius:30px;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:1px}.stats{display:grid;grid-template-columns:1fr 1.05fr 1fr 1.18fr;gap:18px;padding:19px 22px;background:#fff;border:1px solid #e9ebe5;border-radius:14px;box-shadow:0 4px 18px #28382705}.stats>div:not(.progress-stat){display:flex;align-items:center;gap:12px;border-right:1px solid #edf0eb}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px}.stat-icon svg{width:18px}.mint{background:#e7f2e9;color:#448362}.peach{background:#fbede1;color:#d0804f}.lavender{background:#efecf8;color:#8172ae}.stats small{font-size:9px;font-weight:700;letter-spacing:.9px;color:#89938c;display:block}.stats strong{font:800 18px Manrope;display:block;margin-top:6px;color:#303b34}.stats strong i{font:500 10px DM Sans;font-style:normal;color:#929b95;margin-left:4px}.progress-stat{padding-left:5px}.progress-top{display:flex;justify-content:space-between;align-items:center}.progress-top b{font:700 13px Manrope;color:#39815c}.progress-track{height:6px;border-radius:4px;background:#edf0eb;margin:9px 0 6px;overflow:hidden}.progress-track span{height:100%;display:block;background:#5a9a72;border-radius:4px}.stats small.muted{font-weight:500;letter-spacing:0}.practice-card{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding:27px 30px;background:#fff;border:1px solid #e9ebe5;border-radius:14px}.practice-card h2{font:700 20px Manrope;margin:9px 0 5px;letter-spacing:-.5px}.practice-card p{margin:0;color:#7c8780;font-size:12px}.practice-actions{display:flex;flex-direction:column;gap:8px;width:270px}.practice-actions button{background:#f7f8f5;border:1px solid #eff1eb;border-radius:8px;text-align:left;display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:600;color:#415248}.practice-actions svg{width:15px;color:#558469}.practice-actions svg:last-child{margin-left:auto;width:14px}.disclaimer{font-size:10px;color:#9aa39c;margin:23px 0 8px}.footer{border-top:1px solid #e8eae5;padding:20px max(calc((100vw - 1180px)/2),28px);color:#758078;font-weight:700;font-size:11px}.footer span{float:right;font-weight:400}.test-wrap{padding:29px 0 50px}.test-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.back{background:transparent;display:inline-flex;align-items:center;gap:8px;color:#637269;font-size:12px;font-weight:600;padding:6px 0}.back svg{width:16px}.timer{display:flex;align-items:center;gap:7px;color:#376d4d}.timer span{font:800 21px Manrope}.timer small{font-size:8px;letter-spacing:1px;color:#8b958f}.submit{background:#fff;border:1px solid #dfe5dd;color:#345741}.test-progress{height:5px;background:#e7ebe5;border-radius:5px;margin-bottom:24px;overflow:hidden}.test-progress span{height:100%;background:#4d9169;display:block;transition:width .2s}.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.question-card,.navigator,.setting-card{background:#fff;border:1px solid #e8ebe5;border-radius:14px;padding:27px;box-shadow:0 4px 17px #253a2607}.q-meta{display:flex;justify-content:space-between;align-items:center;color:#718078;font-size:10px;font-weight:700;letter-spacing:1px}.q-meta i{font-style:normal;color:#a4aaa5}.q-meta button{display:flex;align-items:center;gap:6px;background:transparent;color:#808b83;font-size:11px;letter-spacing:0}.q-meta button.flagged{color:#bc7c2d}.question-card h1{font:700 23px/1.4 Manrope;letter-spacing:-.5px;margin:25px 0}.q-image{display:block;max-width:min(340px,100%);max-height:220px;object-fit:contain;margin:0 0 20px;border-radius:8px}.options{display:grid;gap:10px}.option{min-height:54px;border:1px solid #e5e9e3;border-radius:9px;display:flex;align-items:center;gap:13px;padding:11px 13px;color:#4a574f;font-size:13px;line-height:1.5;cursor:pointer;transition:.12s}.option:hover{border-color:#9abca1;background:#f8fbf7}.option.selected{border-color:#4f936a;background:#f1f8f2;color:#2f6445}.option input{position:absolute;opacity:0}.letter{width:27px;height:27px;flex:none;border-radius:7px;background:#f1f3ef;display:grid;place-items:center;color:#727d74;font-size:11px;font-weight:700}.selected .letter{background:#dcecdf;color:#33754f}.q-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0eb;margin-top:24px;padding-top:19px}.q-footer>span{font-size:10px;color:#929c95}.secondary{background:#fff;border:1px solid #e1e6e0;color:#59665d}.secondary:disabled{opacity:.45;cursor:not-allowed}.navigator{align-self:start;padding:21px}.navigator h3{font:700 14px Manrope;margin:1px 0 7px}.navigator p{font-size:11px;color:#89938b;line-height:1.45;margin:0 0 17px}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.number-grid button{height:36px;border-radius:7px;background:#f3f4f1;color:#66736a;font-size:11px;font-weight:700;border:1px solid transparent}.number-grid button.current{border-color:#31764d;color:#31764d;background:#f4faf5}.number-grid button.answered{background:#deeee2;color:#377750}.number-grid button.current.answered{border-color:#31764d}.number-grid button.marked{box-shadow:inset 0 -3px #dba342}.legend{display:flex;gap:12px;margin-top:19px;font-size:9px;color:#78847c}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:2px;background:#deeee2}.legend .lg-flag{background:#f1dba9}.timer-note{background:#f7f7f2;border-radius:7px;margin-top:18px;padding:10px;font-size:9px;line-height:1.45;color:#92978f}.results,.simple-page,.practice-page{max-width:850px;margin:37px auto 60px}.results{text-align:center}.result-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}.result-mark svg{width:20px}.result-mark.pass{background:#e2f1e5;color:#3b895c}.result-mark.fail{background:#f7ece2;color:#bf7b4b}.results h1{font-size:30px}.result-sub,.muted{font-size:13px;color:#7e8981;line-height:1.6}.score-card{display:flex;justify-content:center;gap:0;background:#fff;border:1px solid #e7ebe5;border-radius:12px;margin:25px auto 31px;padding:17px;max-width:570px}.score-card>div{min-width:33%;border-right:1px solid #edf0eb}.score-card>div:last-child{border:0}.score-card small{display:block;color:#8a948d;font-size:9px;font-weight:700;letter-spacing:1px}.score-card strong{display:block;font:800 25px Manrope;margin:7px;color:#303b34}.score-card strong i{font:500 12px DM Sans;font-style:normal;color:#9ba29d}.score-card span{font-size:9px;font-weight:800;letter-spacing:1px}.pass-text{color:#39815c}.fail-text{color:#bd7752}.review-head{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:14px}.review-head h2{font:700 20px Manrope}.review-list{display:grid;gap:10px;text-align:left}.review-item{background:#fff;border:1px solid #e7ebe5;border-radius:11px;padding:18px;display:grid;grid-template-columns:29px 1fr;gap:13px}.review-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.review-icon svg{width:14px}.review-icon.ok{background:#e4f2e6;color:#42845c}.review-icon.no{background:#f8ece5;color:#bb7550}.review-item small{font-size:9px;font-weight:700;letter-spacing:.9px;color:#8b968e}.review-item h3{font:600 14px/1.5 Manrope;margin:6px 0 9px}.review-item p{font-size:11px;color:#849087;margin:5px 0}.review-item p b{color:#48564c;font-weight:600}.review-image{max-height:140px}.review-warning{font-size:10px;color:#a57842}.practice-page>.back{margin:0 0 22px}.practice-page>h1{font-size:30px}.practice-question{margin-top:22px}.practice-question h2{font:700 22px/1.45 Manrope;margin:22px 0}.practice-option{width:100%;background:#fff;text-align:left}.practice-option:disabled{cursor:default}.correct-option{border-color:#67a37a;background:#eff8f0}.wrong-option{border-color:#cb8063;background:#fff6f2}.feedback{margin-top:15px;padding:12px;background:#f4f7ef;border-radius:8px;color:#57734e;font-size:12px}.simple-page{max-width:760px}.simple-page h1{font-size:32px}.history-list{margin-top:26px;background:#fff;border:1px solid #e7ebe5;border-radius:12px;overflow:hidden}.history-row{display:flex;align-items:center;padding:17px 20px;border-bottom:1px solid #edf0eb;gap:20px}.history-row:last-child{border:0}.history-row>div{flex:1}.history-row b{font-size:12px}.history-row small{display:block;color:#8a958d;font-size:10px;margin-top:5px}.history-row>strong{font:700 15px Manrope}.history-row button{display:flex;align-items:center;gap:5px;color:#427553;background:none;font-size:11px;font-weight:700}.history-row button svg{width:14px}.empty-state{margin-top:25px;padding:35px;background:#fff;border:1px solid #e7ebe5;border-radius:12px;display:flex;align-items:center;justify-content:space-between;color:#78857c;font-size:13px}.setting-card{margin-top:18px}.setting-card h3{font:700 15px Manrope;margin:0 0 8px}.setting-card p{font-size:12px;color:#7f8b82;line-height:1.6;margin:0 0 16px}.config-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #eff1ed;font-size:12px;color:#68756c}.config-row>b{font-size:12px;color:#34453a}.config-row small{display:block;color:#a77c42;font-weight:500;text-align:right;margin-top:3px}.danger{background:#fff5f1;border:1px solid #f0dcd2;border-radius:8px;padding:10px 13px;color:#ae624b;font-size:11px;font-weight:700}.privacy{margin-top:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18251fb0;display:grid;place-items:center;padding:20px;z-index:10}.modal{position:relative;width:min(440px,100%);border-radius:16px;background:#fff;padding:30px;text-align:center;box-shadow:0 18px 60px #10201640}.modal .result-mark{margin-bottom:12px}.modal h2{font:700 21px Manrope;margin:5px 0 8px}.modal p{color:#78847c;font-size:12px;line-height:1.6}.modal-x{position:absolute;right:14px;top:14px;background:none;color:#78847c}.modal-x svg{width:18px}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.loading{height:100vh;display:grid;place-items:center;color:#5e7565;font-size:14px}@media(max-width:850px){.topbar{gap:20px;padding:0 20px}nav{gap:15px}nav button{font-size:0}nav button svg{width:18px;height:18px}.hero-copy{padding-left:35px;width:61%}.hero-art{width:43%}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-right:0}.progress-stat{padding:10px 0 0}.practice-card{gap:20px}.test-layout{grid-template-columns:1fr}.navigator{order:-1}.number-grid{grid-template-columns:repeat(15,1fr)}.timer-note{display:none}}@media(max-width:580px){.topbar{height:64px;padding:0 15px;gap:10px}.brand{font-size:13px;gap:7px}.brand-icon{width:32px;height:32px}.brand small{font-size:7px}.local-pill{font-size:0;padding:8px}.local-pill span{margin:0}nav{justify-content:flex-end;gap:12px}main{width:calc(100% - 28px)}.hero{margin-top:18px;min-height:430px}.hero-copy{width:100%;padding:29px 24px;align-self:flex-start}.hero h1{font-size:32px}.hero-copy p{max-width:300px;font-size:13px}.hero-art{top:auto;height:175px;width:100%;bottom:0}.sun{width:55px;height:55px;right:58px;top:15px}.tree{top:40px;left:20px;font-size:52px}.sign-one{top:27px;right:30px}.sign-two{top:44px;right:160px}.hill-a{bottom:44px}.hill-b{bottom:41px}.road{right:22px;bottom:-100px}.car{bottom:15px;right:96px;font-size:34px}.route-tag{bottom:8px;right:8px}.stats{padding:15px 12px;gap:12px}.stats>div:not(.progress-stat){gap:8px}.stat-icon{width:32px;height:32px}.stats small{font-size:8px}.stats strong{font-size:15px}.stats strong i{display:block;margin:2px 0 0;font-size:9px}.progress-stat{grid-column:span 2}.practice-card{padding:20px;display:block}.practice-card h2{font-size:18px}.practice-actions{width:100%;margin-top:16px}.footer{padding:16px;line-height:1.7}.footer span{float:none;display:block}.test-wrap{padding-top:17px}.test-layout{gap:12px}.question-card{padding:19px}.question-card h1{font-size:20px;margin:20px 0}.navigator{padding:15px}.number-grid{grid-template-columns:repeat(5,1fr)}.q-footer{gap:7px}.q-footer .primary,.q-footer .secondary{padding:10px;font-size:11px;gap:5px}.q-footer>span{display:none}.timer span{font-size:18px}.timer small{display:none}.test-head{margin-bottom:11px}.results,.simple-page,.practice-page{margin-top:25px}.results h1,.simple-page h1,.practice-page>h1{font-size:26px}.score-card{padding:12px 4px}.score-card strong{font-size:19px}.score-card small{font-size:8px}.review-head h2{font-size:17px}.review-head .primary{font-size:10px;padding:10px}.history-row{padding:14px 12px;gap:9px}.history-row b{font-size:10px}.history-row>strong{font-size:13px}.history-row button{font-size:10px}.empty-state{display:grid;gap:15px}.config-row{font-size:11px}}.content-note{border-left:3px solid #d4a14d;background:#fbf7eb;padding:10px 12px;border-radius:5px;color:#746644;font-size:11px;line-height:1.5;margin:-7px 0 17px}.review-warning{display:block;line-height:1.5;margin-top:8px}.learning-dashboard{margin:22px 0 18px;padding:23px 25px;background:#fff;border:1px solid #e7ebe5;border-radius:14px}.learning-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.learning-heading h2{font:700 20px Manrope;margin:5px 0}.learning-heading p{margin:0;color:#839087;font-size:11px}.learning-heading label{display:grid;gap:5px;color:#718078;font-size:10px;font-weight:700}.learning-heading select{min-width:190px;padding:10px 12px;border:1px solid #dfe6df;border-radius:8px;background:#fbfcfa;color:#34453a;font:600 12px Manrope}.learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.learning-grid article{min-height:116px;padding:15px;background:#f8faf7;border:1px solid #edf0eb;border-radius:10px;display:flex;flex-direction:column;gap:8px}.learning-grid small{min-height:25px;color:#78867c;font-size:9px;font-weight:700;letter-spacing:.045em;line-height:1.4}.learning-grid strong{font:700 25px Manrope;color:#30483a}.learning-grid strong i{font:500 11px Manrope;color:#8b978e;font-style:normal}.learning-grid article>span{font-size:10px;color:#8b968e}.practice-actions button:first-child{border-color:#dbe9dc;background:#f2f8f0;color:#427553}@media(max-width:850px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.learning-dashboard{padding:17px 14px}.learning-heading{align-items:stretch;flex-direction:column;gap:12px}.learning-heading select{width:100%}.learning-grid{gap:8px}.learning-grid article{padding:11px;min-height:110px}.learning-grid small{font-size:8px}.learning-grid strong{font-size:22px}}
