:root{--bg:#070b14;--card:#0e1524;--text:#f7f9fc;--muted:#9ba7bb;--line:#1c2940;--accent:#7c5cff;--accent2:#19d3ae;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,Inter,sans-serif;line-height:1.7;transition:.25s}body.light{--bg:#f5f7fb;--card:#fff;--text:#111827;--muted:#5d687a;--line:#dbe1eb}body.light .topbar{background:#f5f7fbe8}body.light .dashboard{background:#fff}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:#070b14dd;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800}.brand b{color:var(--accent2)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#a78bfa);font:800 14px Inter;color:white}.nav nav{display:flex;gap:24px;margin-right:auto}.nav nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav nav a:hover{color:var(--text)}.icon-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.hero{padding:100px 0 80px;background:radial-gradient(circle at 80% 30%,#24185a55,transparent 35%),radial-gradient(circle at 20% 10%,#087e6d22,transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font:800 12px Inter;letter-spacing:2px;color:var(--accent2)}h1{font-size:clamp(42px,6vw,76px);line-height:1.1;margin:18px 0}h1 span{background:linear-gradient(90deg,#fff,#a78bfa);-webkit-background-clip:text;color:transparent}.light h1 span{background:linear-gradient(90deg,#111827,#6754db);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:var(--muted);max-width:680px}.actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;padding:13px 21px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid var(--line);cursor:pointer;font-family:inherit}.primary{background:var(--accent);color:white;border-color:transparent}.ghost{color:var(--text);background:transparent}.stats{display:flex;gap:35px;margin-top:40px}.stats div{display:flex;flex-direction:column}.stats strong{font:800 26px Inter}.stats small{color:var(--muted)}.hero-card{min-height:390px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,#7c5cff33,#19d3ae22);filter:blur(8px)}.dashboard{position:relative;width:min(100%,430px);padding:24px;border:1px solid #ffffff16;border-radius:22px;background:#0c1423e8;box-shadow:0 30px 80px #0008;transform:rotate(-3deg)}.dash-top,.dash-bottom{display:flex;justify-content:space-between;color:#9ba7bb;font:600 12px Inter}.live{color:var(--accent2)}.metric{padding:35px 0 15px;display:flex;justify-content:space-between;align-items:end}.metric strong{font:800 34px Inter}.bars{height:160px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line)}.bars i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#7c5cff,#19d3ae)}.section{padding:90px 0}.alt{background:#0a101d}.light .alt{background:#edf1f7}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-note{color:var(--muted);max-width:700px}.progress-wrap{min-width:260px;color:var(--muted);font-size:13px}.progress{height:7px;background:#182235;border-radius:10px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.4s}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:22px;transition:.2s}.module:hover{transform:translateY(-3px);border-color:#ffffff30}.module.done{opacity:.78}.module-top{display:flex;justify-content:space-between;gap:10px}.num{color:var(--accent2);font:800 12px Inter}.check{width:24px;height:24px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center}.done .check{background:var(--accent2);color:#06120f}.module h3{margin:12px 0 5px}.module p{margin:0;color:var(--muted);font-size:14px}.module-meta{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--muted);font-size:12px}.openLesson{margin-right:auto;border:1px solid var(--line);background:transparent;color:var(--text);padding:7px 10px;border-radius:8px;cursor:pointer;font-family:inherit}.pricing-section{background:linear-gradient(180deg,var(--bg),#0d1322)}.pricing-head{align-items:center}.premium-badge{padding:8px 13px;border-radius:999px;border:1px solid #7c5cff66;color:#c4b5fd;background:#7c5cff14;font:800 11px Inter;white-space:nowrap}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.price-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.price-card.featured{border-color:#7c5cff88;box-shadow:0 18px 60px #7c5cff18}.plan-label{font:800 12px Inter;color:var(--accent2);letter-spacing:1px}.price-card h3{font-size:26px;margin:10px 0}.price{font:800 44px Inter}.price small{font:600 14px Cairo;color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:18px 0 25px;color:var(--muted)}.price-card li{margin:8px 0}.price-note{display:block;color:var(--muted);font-size:11px;margin-top:10px}.roadmap{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.roadmap div{padding:22px;border-top:2px solid var(--accent);background:var(--card)}.roadmap b{display:block;color:var(--accent2);font:800 12px Inter}.roadmap span{display:block;font-weight:800;margin:7px 0}.roadmap small{color:var(--muted)}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tools article{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.tools span{font-size:28px}.tools h3{margin:8px 0}.tools p{color:var(--muted);margin:0}.final-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px;border-radius:24px;background:linear-gradient(120deg,#161d34,#101827);border:1px solid var(--line)}.final-card p{color:var(--muted);max-width:700px}.modal{position:fixed;inset:0;background:#0009;z-index:50;display:none;place-items:center;padding:18px}.modal.show{display:grid}.modal-box{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px}.close{position:absolute;left:18px;top:14px;border:0;background:transparent;color:var(--text);font-size:30px;cursor:pointer}.modal-desc{color:var(--muted)}.lesson-list{display:grid;gap:9px}.lesson-item{width:100%;display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:right;cursor:pointer;transition:.2s}.lesson-item:hover,.lesson-item.active{border-color:#7c5cff88;background:#7c5cff12;transform:translateX(-2px)}.lesson-item b{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#7c5cff22;color:var(--accent2)}.lesson-arrow{margin-right:auto;color:var(--accent2);font-weight:800}.lesson-content{margin:16px 0;padding:18px;border-radius:14px;border:1px solid #7c5cff44;background:#7c5cff0b}.lesson-content h3{margin:8px 0}.lesson-content p{color:var(--muted);margin:6px 0}.lesson-content-head{display:flex;justify-content:space-between;color:var(--accent2);font-size:12px;font-weight:800}.lesson-tip{margin-top:12px;padding:10px;border-radius:10px;background:#19d3ae10;color:var(--muted)}.task{margin:22px 0;padding:18px;border-radius:14px;background:#19d3ae10;border:1px solid #19d3ae33}.task p{margin:5px 0 0;color:var(--muted)}#quiz{display:grid;gap:10px}.q{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px;border:1px solid var(--line);border-radius:10px}.q select{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:7px;border-radius:8px;font-family:inherit}.modal-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.modal-actions span{color:var(--accent2);font-weight:700}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:13px}footer .container{display:flex;justify-content:space-between}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.modules,.tools,.pricing-grid{grid-template-columns:1fr 1fr}.roadmap{grid-template-columns:1fr 1fr}.nav nav{display:none}.final-card{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.container{width:min(100% - 24px,var(--max))}.hero{padding-top:65px}.modules,.tools,.roadmap,.pricing-grid{grid-template-columns:1fr}.stats{gap:18px}.section{padding:65px 0}.section-head{display:block}.progress-wrap{margin-bottom:25px}.pricing-head{display:flex;align-items:center}.final-card{padding:28px}.modal-box{padding:27px 18px}.q{align-items:flex-start;flex-direction:column}.q select{width:100%}h2{font-size:30px}}