:root{font-family:Arial,sans-serif;color:#193b35;background:#f8f7f2}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid #dfe4db}.brand{text-decoration:none;color:#193b35;font-size:28px;font-weight:800;letter-spacing:-1px}.brand span{color:#bd722d}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px}.login{color:#193b35;text-decoration:none;border:1px solid #b8c6ba;padding:13px 18px;border-radius:24px;font-size:14px}.login:hover{background:#e9eee6}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:82px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#6b7d69}h1{font-size:clamp(42px,5.8vw,70px);line-height:1.06;letter-spacing:-3px;margin:22px 0}.intro{font-size:17px;line-height:1.8;color:#53665e;max-width:510px}.status{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:20px;background:#e9eee2;font-size:12px;margin-top:16px}.dot{width:7px;height:7px;background:#778e42;border-radius:50%}.note{max-width:400px;font-size:12px;line-height:1.7;color:#69766d}aside{background:#1c4b40;color:#eef3e8;padding:46px 30px;text-align:center;border-radius:120px 120px 24px 24px;box-shadow:14px 16px 0 #e8e8d9}.arabic{font-family:serif;font-size:80px;letter-spacing:4px;line-height:1.8;color:#e9c492}.card-title{font-size:23px;font-weight:700}aside p{line-height:1.6}.steps{display:flex;justify-content:center;gap:15px;border-top:1px solid #527468;padding-top:25px;margin-top:30px;font-size:11px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #dfe4db;padding:35px 0 60px}.principles b{color:#a9743c;font-size:12px}h2{font-size:18px}.principles p{font-size:14px;color:#617065;line-height:1.7}footer{padding:24px 0;border-top:1px solid #dfe4db;font-weight:700;font-size:13px}footer span{float:right;font-weight:400;color:#69766d}a:focus-visible{outline:3px solid #bd722d;outline-offset:5px}@media(max-width:700px){main{padding:0 22px}header{padding:22px 0}.brand{font-size:23px}.login{font-size:12px;padding:10px 12px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}h1{letter-spacing:-2px}.principles{grid-template-columns:1fr;gap:18px;padding-bottom:30px}aside{padding:25px 20px;border-radius:80px 80px 20px 20px}footer span{display:block;float:none;margin-top:10px}}.learner button{font:inherit;cursor:pointer;border:1px solid #bccbbe;border-radius:12px;padding:13px 20px;background:#fff;color:#193b35}.learner button:disabled{opacity:.55;cursor:default}.learner .primary{background:#1c4b40;color:white;border-color:#1c4b40}.learner h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px}.learner p{line-height:1.7}.dashboard,.exercise,.lesson{padding:48px 0}.row-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.learner .row-card{text-align:left;padding:25px;min-height:150px}.row-card:disabled{background:#edece6}.review{padding:20px;background:#e7eddf;border-radius:16px}.letter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px;margin:30px 0}.letter-grid article{padding:22px 12px;background:white;border-radius:18px;display:flex;align-items:center;flex-direction:column;gap:20px}.feedback img,.letter-grid img{width:125px;height:125px;object-fit:contain}.letter-grid audio{width:100%;max-width:230px;direction:ltr}.actions{display:flex;gap:14px;flex-wrap:wrap}.exercise{text-align:center;max-width:780px;margin:auto}.exercise-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.exercise progress{width:100%;height:10px;margin:24px 0;accent-color:#698b45}.exercise audio{display:block;max-width:100%;margin:24px auto}.choices{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:30px 0}.choices button{width:130px;height:130px;background:white}.choices img{width:100%;height:100%;object-fit:contain}.choices button:hover:not(:disabled){outline:3px solid #bc8249}.login-card{max-width:440px;margin:70px auto}.login-card label{display:block;margin:22px 0;font-size:14px}.login-card input{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #a6b8a8;border-radius:10px;font:inherit}.error{background:#fae8df;color:#822c19;padding:15px;border-radius:10px}.loading{padding:50px 0}.learner button:focus-visible{outline:3px solid #bd722d;outline-offset:4px}@media(max-width:700px){.row-grid{grid-template-columns:1fr}.dashboard,.exercise,.lesson{padding:30px 0}.exercise-top{font-size:11px}.exercise-top button{padding:9px}.choices button{width:94px;height:100px;padding:8px}.letter-grid{grid-template-columns:1fr 1fr}.letter-grid audio{height:42px}.actions button{width:100%}}