:root{--bg:#f3f6f5;--ink:#14362e;--muted:#61766f;--line:#d9e4df;--green:#087f68;--gold:#bd9142}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9}header{padding:20px max(5vw,20px);background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:25px;font-weight:bold;text-decoration:none;color:var(--ink);direction:ltr}.brand small{display:block;font-size:11px;color:var(--muted);direction:rtl}main{max-width:1180px;margin:35px auto;padding:0 22px}h1{font-size:35px;line-height:1.4;margin:0 0 16px}h2{font-size:23px}h3{font-size:18px;margin:6px 0}p{color:var(--muted)}a{color:var(--green)}button,.button{background:var(--green);color:white;padding:11px 20px;border:0;border-radius:10px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:default}.secondary{background:#e6efeb;color:var(--ink)}.danger{background:#a23838}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:18px;margin-bottom:20px}.hero{background:#123b31;color:white;padding:36px;border-radius:22px;margin-bottom:26px;position:relative;overflow:hidden}.hero p{color:#c8e1d5}.hero .eyebrow{color:#dbb87c}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--green)}.hero h1{max-width:750px}.stat{font-size:36px;font-weight:bold;line-height:1.3}.muted,small{color:var(--muted)}.badge{display:inline-block;background:#e8f4ee;color:#176748;padding:3px 12px;border-radius:100px;font-size:12px}.gold{background:#fff2d9;color:#8c631c}.progress{height:9px;border-radius:10px;background:#dfe9e3;overflow:hidden;margin:15px 0}.progress span{display:block;height:100%;background:#32bd91}.login{max-width:500px;margin:7vh auto}label{display:block;font-size:13px;margin:14px 0 5px}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #b7c9c0;border-radius:9px;padding:11px;color:var(--ink)}input[type=radio]{width:auto;margin-left:12px}textarea{min-height:100px}.full{width:100%;margin-top:20px}.notice{background:#fff6e4;border-right:4px solid var(--gold);padding:16px;border-radius:8px}.error{color:#a23838}.option{padding:10px;border:1px solid var(--line);border-radius:8px;display:block;cursor:pointer}.option:has(input:checked){border-color:var(--green);background:#ebf7f2}.correct{border-right:4px solid var(--green)}.wrong{border-right:4px solid #b85549}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th,td{padding:13px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}.scroll{overflow:auto}.compact{font-size:12px;padding:7px 10px}#toast{position:fixed;bottom:20px;left:20px;max-width:450px;background:#123b31;color:#fff;padding:15px;border-radius:12px;display:none;z-index:100}pre{white-space:pre-wrap;direction:ltr;text-align:left;background:#f0f4f2;padding:15px}.assistant{position:fixed;bottom:22px;left:22px;width:min(390px,calc(100vw - 44px));z-index:20;box-shadow:0 10px 40px #123b3133}.assistant .messages{max-height:280px;overflow:auto}.assistant input{margin:10px 0}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}details{margin:12px 0}summary{cursor:pointer;font-weight:bold}.lesson{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.sticky{position:sticky;top:0;background:var(--bg);padding:15px 0;z-index:5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d9a642;outline-offset:3px}@media(max-width:700px){h1{font-size:26px}header{padding:15px;align-items:start}.brand{font-size:19px}main{padding:0 14px;margin-top:22px}.hero{padding:25px}.split{display:block}.card{padding:19px}.grid{grid-template-columns:1fr}nav button{padding:7px 10px;font-size:12px}}
header{position:sticky;top:0;z-index:30}#nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.nav-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav-user{font-size:13px}.sticky{top:110px}@media(max-width:700px){header{flex-wrap:wrap;gap:10px}#nav{width:100%;justify-content:flex-start;gap:6px}.nav-actions{width:100%}.nav-actions .button,.nav-actions button{font-size:12px;padding:8px 10px}.sticky{top:160px}}
