@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{font-family:Cairo,Noto Kufi Arabic,Segoe UI,Tahoma,sans-serif;color:#182b34;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,.link-button{min-height:50px;border:1px solid transparent;border-radius:12px;padding:11px 19px;cursor:pointer;font-weight:700;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}button:hover:not(:disabled),.link-button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d8a72d;outline-offset:3px}.app-shell{max-width:1180px;margin:auto;padding:22px clamp(16px,4vw,48px) 52px}nav{display:flex;align-items:center;gap:12px;margin-bottom:38px}nav a{color:#1b4b54;font-weight:700;text-decoration:none;padding:8px 11px;border-radius:8px}nav a:not(:first-child){background:#e9f2f0}nav a:first-child{margin-left:auto;color:#143f49;font-size:1.08rem;letter-spacing:-.02em}.home,.entry,.library,.task,.result,.review-page{max-width:1000px;margin:0 auto}.home,.entry{padding:clamp(30px,8vw,78px);background:#fff;border:1px solid #dce8e5;border-radius:22px;box-shadow:0 12px 30px #1b4b540a}h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.32;letter-spacing:-.03em;margin:8px 0 17px}h2{line-height:1.55;letter-spacing:-.015em}p{line-height:1.9}.eyebrow{color:#32767a;font-size:.92rem;letter-spacing:.02em;font-weight:800;margin:0}.primary{background:#176d73;color:#fff;border-color:#176d73;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 12px #176d7329}.primary:hover:not(:disabled){background:#0f5c61}.secondary{background:#eff6f4;color:#174e51;border-color:#c5dcd7;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.text-link,.review-link{color:#176d73;font-weight:800;text-decoration:none}.text-link{display:inline-block;margin-inline-start:18px}.link-button{display:inline-flex;align-items:center;justify-content:center}.action-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.action-group .text-link{display:inline-flex;align-items:center;min-height:50px;margin-inline-start:0;padding:11px 6px}.task-grid,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.task-grid article,.result-grid article,.login-card,.checkpoint,.challenge,.system-panel,.review-question{background:#fff;border:1px solid #dce8e5;border-radius:18px;box-shadow:0 8px 24px #1b4b5408}.task-grid article{padding:25px}.task-grid article h2{margin-top:4px}.task header{margin-bottom:25px}.task-header-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.review-link{background:#edf6f4;border:1px solid #cee3de;border-radius:10px;padding:8px 13px;white-space:nowrap}.journey{display:flex;align-items:flex-start;justify-content:center;gap:9px;overflow-x:auto;padding:12px 5px 45px;direction:rtl;scrollbar-color:#bdd4cf transparent}.journey-node{position:relative;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;padding:8px 13px;background:#eaf3f1;border:1px solid #d4e5e1;border-radius:10px;color:#1f434b;font-weight:800}.journey .active{color:#fff;background:#176d73;border-color:#176d73}.journey-arrow{flex:0 0 auto;padding-top:10px;color:#648582;font-size:1.15rem;font-style:normal;font-weight:700}.storage-link{position:absolute;top:calc(100% + 7px);right:50%;display:inline-flex;align-items:center;gap:4px;transform:translate(50%);padding:3px 8px;color:#176d73;background:#f7fbfa;border:1px dashed #9fc7c0;border-radius:99px;font-size:.72rem;font-weight:800;line-height:1.3;white-space:nowrap}.storage-link b{font-size:1rem;line-height:1}.journey .active .storage-link{color:#176d73;background:#fff;border-color:#80b3aa}.login-card{max-width:590px;margin:auto;padding:clamp(23px,4vw,38px)}label{display:block;font-weight:700;margin:18px 0}input,select{display:block;width:100%;min-height:50px;margin-top:8px;border:1px solid #b8cfca;background:#fff;border-radius:10px;padding:10px 13px;direction:rtl}input:focus,select:focus{border-color:#176d73}.hint{color:#90501d}.checkpoint{max-width:780px;margin:25px auto;padding:clamp(22px,3.5vw,36px)}.checkpoint h2{margin-top:8px}.checkpoint-progress{margin:6px 0 0;color:#52706f;font-size:.88rem;font-weight:700}.choices{display:grid;gap:11px;margin:22px 0}.choices button{text-align:right;background:#f6faf9;border-color:#c9ddd8;color:#20454b;min-height:55px}.choices button:hover:not(:disabled){background:#eaf4f2;border-color:#80aaa4}.feedback-card{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:22px;padding:18px;border-radius:13px;border:1px solid;text-align:right}.feedback-card.is-correct{background:#edf8f2;border-color:#9bcdb0}.feedback-card.is-review{background:#fff8e8;border-color:#e5c675}.feedback-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:1.2rem;font-weight:800}.is-correct .feedback-icon{color:#28784c}.is-review .feedback-icon{color:#966918}.feedback-title{margin:0;font-weight:800;color:#194a49}.feedback-message{margin:4px 0 0;line-height:1.75}.feedback-timer{color:#4a6e69;font-size:.9rem;margin:10px 0 0}.feedback-answer{margin:12px 0 0;color:#6c4b12;line-height:1.7}.feedback-actions{margin-top:15px}.feedback{min-height:30px;color:#255b56;font-weight:700}.system-panel{max-width:780px;margin:20px auto;padding:clamp(20px,3vw,32px)}.system-panel code{display:block;padding:10px;background:#f2f7f6;margin:8px 0;border-radius:7px;direction:ltr}.warning{border-right:5px solid #c57832}.success{border-right:5px solid #408366}.challenge{max-width:870px;margin:20px auto;padding:clamp(22px,3vw,35px)}.matching{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.matching label{padding:13px;margin:0;background:#f5faf8;border:1px solid #dfebe8;border-radius:10px}.matching select{direction:ltr}.concept-matching .concept-example-title{display:block;text-align:left;font-weight:800}.concept-matching small{display:block;min-height:40px;margin-top:4px;color:#52706f;font-size:.82rem;line-height:1.55}.concept-matching select{direction:rtl;text-align:right}.selected-order{display:flex;flex-wrap:wrap;gap:8px;min-height:46px;margin:16px 0}.selected-order span{padding:8px 11px;background:#dcecea;border-radius:8px;direction:ltr;font-weight:700}.result{padding:15px 0}.result-grid article{padding:20px}.result-grid h2{color:#20575b;font-size:1.05rem;margin-top:0}.review-page{padding-bottom:34px}.review-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:7px 0 22px}.review-header h1{font-size:clamp(2rem,4.3vw,3.15rem)}.attempt-picker{max-width:370px;margin:15px 0 24px}.review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.review-summary article{padding:17px;border-radius:15px;background:#fff;border:1px solid #dce8e5}.review-summary span{display:block;font-size:.88rem;color:#52706f}.review-summary strong{display:block;margin-top:8px;color:#174e51;font-size:1.7rem}.accuracy-note{margin:17px 0 28px;color:#3f6562}.focus-list{padding:25px;margin:20px 0 30px;border-radius:18px;background:#fffaf0;border:1px solid #eddba4}.focus-list>h2,.all-answers>h2{margin-top:0}.review-question{padding:21px;margin:14px 0}.review-question.corrected{border-right:5px solid #d39b2b}.review-question.needs-review{border-right:5px solid #ba6144}.review-question.first-try{border-right:5px solid #4c9570}.review-question-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.review-state{padding:5px 10px;background:#eff6f4;color:#215f55;border-radius:99px;font-size:.85rem;font-weight:800}.needs-review .review-state{background:#fff0ec;color:#994b38}.corrected .review-state{background:#fff6df;color:#8a6418}.question-id,.concept-label{color:#577371;font-size:.87rem;font-weight:700}.review-question h2{font-size:1.05rem;margin:14px 0 4px}.review-explanation{margin-top:15px;padding:13px 15px;background:#f8fbfa;border-radius:10px}.review-explanation p{margin:5px 0}.review-positive{color:#28784c;font-weight:700}@media (max-width: 760px){.app-shell{padding-inline:14px}nav{margin-bottom:26px}.task-grid,.result-grid,.matching,.review-summary{grid-template-columns:1fr}.home,.entry{padding:28px}.journey{justify-content:flex-start;font-size:.85rem}.journey-node{min-height:41px;padding-inline:10px}.text-link{display:block;margin:18px 0}.action-group{align-items:stretch;gap:10px}.action-group .text-link{display:inline-flex;margin:0}.review-header{display:block}.review-header .secondary{margin-top:8px}.task-header-row{align-items:flex-start}.review-link{font-size:.85rem}}