:root{--primary:#0f766e;--primary2:#115e59;--dark:#102a2a;--text:#334155;--muted:#64748b;--bg:#fff;--soft:#f0fdfa;--line:#e2e8f0;--gold:#f59e0b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900;color:var(--dark)}.logo span{color:var(--primary)}nav{display:flex;gap:25px}nav a{color:#475569;font-weight:700}nav a:hover,nav a.active{color:var(--primary)}.menu-btn{display:none;border:0;background:none;font-size:26px}.hero{padding:85px 0;background:linear-gradient(135deg,#f0fdfa,#fff 60%)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.badge,.tag{display:inline-block;padding:5px 12px;border-radius:99px;background:#ccfbf1;color:var(--primary2);font-weight:700;font-size:13px}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1.2;color:var(--dark);margin:18px 0}.hero h1 span{color:var(--primary)}.hero p{font-size:19px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;border:0;border-radius:10px;padding:11px 22px;font-size:16px;font-weight:800;cursor:pointer}.primary{background:var(--primary);color:white}.primary:hover{background:var(--primary2)}.secondary{background:white;color:var(--primary);border:1px solid #99f6e4}.hero-card{background:white;border:1px solid var(--line);border-radius:25px;padding:35px;box-shadow:0 20px 60px #0f766e18}.arabic-letter{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--soft);color:var(--primary);font-size:70px;font-family:serif}.hero-card h3{text-align:center;margin-bottom:0}.hero-card p{text-align:center;color:var(--muted)}.progress{height:9px;background:#e2e8f0;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--primary);border-radius:20px}.hero-card small{display:block;margin-top:8px;color:var(--muted)}.section{padding:75px 0}.soft{background:#f8fafc}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-title h2,.earning h2{font-size:34px;color:var(--dark);margin:5px 0}.eyebrow{color:var(--primary);font-weight:900}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.lesson-card,.course,.quiz-box,.form-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.card{transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0f172a0c}.icon{font-size:35px}.card h3{color:var(--dark)}.card a{color:var(--primary);font-weight:800}.quiz-preview{max-width:700px;margin:auto;background:white;border:1px solid var(--line);padding:30px;border-radius:18px;text-align:center}.quiz-preview p{font-size:22px}.answers{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.answers button{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 24px;cursor:pointer;font-weight:700}.feedback{margin-top:15px;font-weight:800}.earning{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.earning-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.earning-list div{padding:18px;background:var(--soft);border-radius:12px;font-weight:800;color:var(--primary2)}.page-head{padding:65px 0;background:var(--soft)}.page-head h1{font-size:45px;color:var(--dark);margin:8px 0}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson-card h2,.course h2{color:var(--dark)}.lesson-card>span{color:var(--primary);font-weight:800}.lesson-card .btn{margin-top:10px}.article{max-width:850px}.article h2{color:var(--dark);margin-top:35px}.article p{font-size:18px}.article ul{padding-right:25px}.lesson-nav{display:flex;gap:10px;margin-top:40px}.quiz-box{max-width:760px;margin:auto}.question{font-size:24px;color:var(--dark);font-weight:800;margin-bottom:20px}.option{display:block;width:100%;text-align:right;padding:14px;margin:10px 0;background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer}.option.selected{border-color:var(--primary);background:var(--soft)}#result{margin-top:25px;font-size:20px;font-weight:900}.course{display:flex;flex-direction:column;gap:12px}.course strong{font-size:28px;color:var(--primary)}.featured{border:2px solid #5eead4;box-shadow:0 15px 40px #0f766e12}.form-box{max-width:700px;margin:auto}label{display:block;font-weight:800;margin-bottom:18px}input,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;margin-top:7px;font:inherit}footer{background:#0f172a;color:#cbd5e1;margin-top:30px}.footer-grid{padding:45px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid h4{color:white}.footer-grid a{display:block;margin:6px 0}.copyright{text-align:center;border-top:1px solid #334155;padding:18px}.footer-grid .logo{color:white}.footer-grid .logo span{color:#5eead4}@media(max-width:800px){.menu-btn{display:block}nav{display:none;position:absolute;top:72px;right:0;left:0;background:white;padding:18px 5%;border-bottom:1px solid var(--line);flex-direction:column;gap:10px}nav.open{display:flex}.hero-grid,.earning{grid-template-columns:1fr}.cards,.lesson-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{font-size:42px}.section-title{align-items:start;gap:15px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn{text-align:center}.earning-list{grid-template-columns:1fr}}