@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f4faf7;--card:#fff;--ink:#091713;--muted:#65766f;--line:#dbe9e3;--g:#11bd87;--g2:#087b5c;--dark:#061510;--shadow:0 22px 65px #06392b12}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Arial,sans-serif;line-height:1.85}body.dark{--bg:#07110f;--card:#0c1b17;--ink:#edf8f4;--muted:#9cb0a8;--line:#1d3830;--shadow:0 22px 65px #0008}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:99;background:#f4faf7dd;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}body.dark .topbar{background:#07110fdd}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;object-fit:cover;border-radius:13px}.brand span{display:grid}.brand b{font-weight:900}.brand small{color:var(--muted);font-size:9px}.nav nav{display:flex;gap:24px;color:var(--muted);font-size:12px;font-weight:800}.nav nav a:hover,.nav nav a.active{color:var(--g2)}.navtools{display:flex;gap:8px}.navtools button{width:39px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer}.btn{display:inline-block;padding:12px 18px;border:1px solid var(--line);border-radius:13px;background:var(--card);font-weight:800;cursor:pointer}.btn.primary{background:var(--g);border-color:var(--g);color:#fff;box-shadow:0 14px 35px #11bd8733}.btn.mini{padding:8px 13px;font-size:11px}.hero{padding:82px 0 45px}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.tag,.eyebrow{font-size:11px;font-weight:900;color:var(--g2);letter-spacing:1px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.08;letter-spacing:-2.5px;margin:17px 0}.hero h1 em{font-style:normal;color:var(--g2)}.heroText{font-size:18px;color:var(--muted);max-width:690px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:var(--muted);font-size:11px;font-weight:800}.heroVisual{background:#071713;border-radius:32px;padding:14px;box-shadow:0 35px 90px #06392b2e;overflow:hidden}.heroVisual img{display:block;width:100%;height:390px;object-fit:cover;border-radius:22px}.dashboard{margin:15px auto 80px}.dashTitle,.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:25px}.dashTitle h2,.sectionHead h2{font-size:34px;line-height:1.3;margin:4px 0}.textlink{color:var(--g2);font-size:12px;font-weight:900}.dashGrid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:25px}.dashCard{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.cardIcon{width:42px;height:42px;border-radius:13px;background:#e2f7ef;color:var(--g2);display:grid;place-items:center;font-weight:900;margin-bottom:12px}.dashCard span{color:var(--muted);font-size:11px}.dashCard strong{font-size:23px;margin:5px 0}.dashCard small{color:var(--muted);font-size:11px}.line{width:100%;height:8px;background:var(--bg);border-radius:20px;overflow:hidden;margin:12px 0}.line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g),#2dd8c1);border-radius:20px}.section{padding:82px 0}.section.alt{background:var(--card);border-block:1px solid var(--line)}.sectionHead p{color:var(--muted);max-width:580px}.methodGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.methodGrid>div{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--bg)}.methodGrid b{color:var(--g2)}.methodGrid h3{margin:12px 0 4px}.methodGrid p{color:var(--muted);font-size:13px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:28px}.timeline>div{position:relative;padding:25px 22px;border-top:2px solid var(--g)}.timeline span{display:block;color:var(--g2);font-size:11px;font-weight:900}.timeline b{display:block;margin-top:8px}.timeline small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.courseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.courseGrid a{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);transition:.25s}.courseGrid a:hover{transform:translateY(-5px);border-color:#11bd8755}.courseGrid span{color:var(--g2);font-weight:900;font-size:11px}.courseGrid h3{margin:12px 0 5px}.courseGrid p{color:var(--muted);font-size:13px}.darkSection{background:#061510;color:#effaf6}.darkSection .light{color:#5ce8bd}.featureGrid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.featureGrid h2{font-size:38px;line-height:1.35}.featureGrid h2 em{font-style:normal;color:#5ce8bd}.featureGrid p{color:#9db3aa}.lightBtn{color:#fff;background:#ffffff12;border-color:#ffffff18}.formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:35px;border:1px solid #ffffff16;border-radius:25px;background:#ffffff06}.formula div{padding:12px 14px;border-radius:12px;background:#ffffff0b;color:#67e9c0;font-weight:900;font-size:11px}.formula b{color:#819a91}.finalBanner{padding:35px;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:25px}.finalBanner h2{font-size:31px;margin:5px 0}.finalBanner p{color:var(--muted)}footer{background:#061510;color:#dbeae5;padding:45px 0}.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer>div:first-child{display:flex;gap:10px}.footer img{width:44px;height:44px;border-radius:12px;object-fit:cover}.footer b{display:block}.footer small,.footer span{display:block;color:#8fa69f;font-size:11px}
@media(max-width:900px){.heroGrid,.featureGrid{grid-template-columns:1fr}.dashGrid{grid-template-columns:1fr 1fr}.methodGrid,.timeline,.courseGrid{grid-template-columns:1fr 1fr}.nav nav{display:none}.heroVisual img{height:330px}}
@media(max-width:600px){.dashGrid,.methodGrid,.timeline,.courseGrid,.footer{grid-template-columns:1fr}.sectionHead,.dashTitle,.finalBanner{display:block}.hero{padding-top:55px}.heroVisual img{height:270px}.hero h1{font-size:43px}.featureGrid h2{font-size:30px}.navtools .primary{display:none}}