:root{font-family:SF Arabic,Segoe UI,Tahoma,sans-serif;color:#141413;background:#faf9f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#faf9f5}button,input,textarea,select{font:inherit}.gateway,.selection-page{min-height:100vh;padding:28px 5vw}.gateway header,.selection-page header{display:flex;justify-content:space-between;max-width:1200px;margin:auto}.brand{display:flex;align-items:center;gap:7px;font-family:Georgia,serif;font-size:23px}.brand-star{color:#dc693e;font-size:27px}.intro-panel,.login-panel{max-width:620px;margin:9vh auto;text-align:center}.terminal-art{width:180px;height:180px;margin:auto;display:grid;place-items:center;background:#ccdbe8;border-radius:36px;font:700 38px monospace}.terminal-art.small{width:90px;height:90px;border-radius:22px;font-size:22px}.intro-panel h1,.login-panel h1,.selection-copy h1,.page-header h1{font:400 48px/1.2 Georgia,serif;margin:28px 0 10px}.intro-panel p,.login-panel p,.selection-copy p,.page-header p{color:#73726c;font-size:17px;line-height:1.8}.dots{display:flex;gap:7px;justify-content:center;margin:30px}.dots i{width:7px;height:7px;border-radius:50%;background:#dedcd1}.dots i.active{background:#141413}.primary,.ghost,.danger{border:0;border-radius:10px;padding:13px 22px;cursor:pointer}.primary{background:#141413;color:#fff}.primary:disabled{opacity:.35}.ghost{background:#fff;border:1px solid #dedcd1}.danger{color:#a11;background:#fff;border:1px solid #dedcd1}.intro-panel .primary,.login-panel .primary{width:100%;font-weight:700}.login-panel input{width:100%;padding:16px;border:1px solid #dedcd1;border-radius:10px;background:#fff;margin:25px 0;text-align:right}.selection-copy{max-width:1200px;margin:70px auto 24px}.language-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.language-choice{position:relative;text-align:right;background:#fff;border:1px solid #dedcd1;border-radius:16px;padding:18px;min-height:190px;cursor:pointer}.language-choice.selected{background:#dbe6ef;border-color:#141413}.language-choice .check{position:absolute;left:16px;top:16px;width:22px;height:22px;border:1px solid #141413;border-radius:50%;display:grid;place-items:center}.language-choice h3{font-size:18px;margin:18px 0 7px}.language-choice p{color:#73726c;line-height:1.6;margin:0}.sticky-action{position:sticky;bottom:0;display:flex;justify-content:center;padding:20px}.sticky-action button{min-width:360px}.language-logo{object-fit:contain;display:block}.app-shell{min-height:100vh;display:grid;grid-template-columns:1fr 250px;direction:ltr}.sidebar{direction:rtl;grid-column:2;position:fixed;right:0;top:0;width:250px;height:100vh;border-left:1px solid #dedcd1;padding:30px 18px;background:#faf9f5;display:flex;flex-direction:column}.sidebar nav{display:grid;gap:5px;margin-top:55px}.sidebar nav button{border:0;background:transparent;padding:13px 15px;border-radius:10px;text-align:right;display:flex;gap:12px;cursor:pointer;color:#73726c}.sidebar nav button.active{background:#fff;border:1px solid #dedcd1;color:#141413}.side-profile{margin-top:auto;display:flex;gap:10px;align-items:center}.side-profile div:last-child{display:grid}.side-profile small{color:#73726c}.avatar{width:44px;height:44px;border-radius:12px;background:#ccdbe8;display:grid;place-items:center;font:700 12px monospace}.avatar.large{width:64px;height:64px}.main{direction:rtl;grid-column:1;padding:60px clamp(28px,6vw,100px);max-width:1300px;width:100%;margin:auto}.page-header{margin-bottom:34px}.page-header h1{margin:0}.continue-panel{background:#dbe6ef;border:1px solid #dedcd1;border-radius:24px;padding:30px;display:flex;justify-content:space-between;gap:28px}.continue-panel small{color:#73726c}.continue-panel h2{font:400 27px Georgia,serif}.continue-panel p{color:#3d3d3a}.continue-side{min-width:190px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.continue-side strong{font:400 42px Georgia,serif}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 44px}.stat{background:#fff;border:1px solid #dedcd1;border-radius:16px;padding:22px;text-align:center;display:grid;gap:5px}.stat strong{font-size:24px}.stat span{color:#73726c}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title span{color:#73726c}.course-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.course-list.wide{grid-template-columns:repeat(2,1fr)}.course-card{background:#fff;border:1px solid #dedcd1;border-radius:16px;padding:18px;text-align:right;display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;cursor:pointer}.course-card h3{margin:0 0 5px}.course-card p{margin:0;color:#73726c}.arrow{color:#73726c}.progress{height:3px;background:#f0eee6;margin-top:14px}.progress i{display:block;height:100%;background:#141413}.course-hero,.account-card{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid #dedcd1;border-radius:20px;padding:28px;margin-bottom:30px}.course-hero h1,.account-card h2{font:400 38px Georgia,serif;margin:0 0 8px}.course-hero p,.course-hero span,.account-card p{color:#73726c}.lesson-list{display:grid;gap:9px}.lesson-list button{display:grid;grid-template-columns:45px 1fr auto;gap:16px;text-align:right;align-items:center;background:#fff;border:1px solid #dedcd1;border-radius:14px;padding:16px;cursor:pointer}.lesson-list h3{margin:0 0 5px}.lesson-list p{margin:0;color:#73726c}.lesson-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.lesson-reading{background:#fff;border:1px solid #dedcd1;border-radius:18px;padding:28px}.lesson-reading h2{font:400 27px Georgia,serif}.lesson-reading p{line-height:2;color:#3d3d3a}.lab{background:#fff;border:1px solid #dedcd1;border-radius:18px;padding:22px;max-width:900px}.lab:not(.compact){margin:auto}.lab.compact{position:sticky;top:30px}.lab-head,.lab-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-head select{border:0;background:transparent}.lab textarea{direction:ltr;text-align:left;width:100%;min-height:360px;border:0;border-radius:12px;background:#faf9f5;padding:18px;margin:18px 0;font:15px/1.8 monospace;resize:vertical}.lab-actions{display:flex;gap:10px}.lab-actions button{flex:1}.lab pre{direction:ltr;text-align:left;white-space:pre-wrap;background:#f0eee6;border-radius:12px;padding:18px;min-height:110px;line-height:1.7}.settings-row,.about{width:100%;background:#fff;border:1px solid #dedcd1;border-radius:16px;padding:20px;margin-bottom:15px;text-align:right}.settings-row{display:flex;justify-content:space-between;cursor:pointer}.settings-row strong{color:#73726c;font-weight:400}.about p{color:#73726c;line-height:1.8}@media(max-width:900px){.language-grid{grid-template-columns:repeat(2,1fr)}.app-shell{display:block}.sidebar{position:fixed;z-index:5;top:auto;bottom:0;width:100%;height:70px;border:0;border-top:1px solid #dedcd1;padding:7px 10px}.sidebar .brand,.side-profile{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr)}.sidebar nav button{display:grid;justify-items:center;padding:5px;font-size:11px;gap:2px}.main{padding:35px 18px 95px}.lesson-layout{grid-template-columns:1fr}.lab.compact{position:static}.course-list,.course-list.wide{grid-template-columns:1fr}.continue-panel{display:block}.continue-side{gap:18px}.language-grid{gap:10px}.selection-page{padding:18px}.selection-copy{margin-top:45px}.intro-panel h1,.login-panel h1,.selection-copy h1,.page-header h1{font-size:36px}.sticky-action button{min-width:0;width:100%}}.lesson-reading h2{margin-top:34px}.lesson-reading section:first-child h2{margin-top:0}.lesson-challenge{background:#f0eee6;border-right:4px solid #dc693e;border-radius:12px;padding:4px 18px 16px;margin:30px 0}.lesson-challenge h2{font-size:23px}