@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--green:#10b981;--dark:#102a24;--text:#16352d;--muted:#667a74;--bg:#f6faf8;--line:#e5eeea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit;cursor:pointer}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.header{height:74px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;gap:42px}.brand{font-weight:800;font-size:21px;display:flex;align-items:center;gap:8px}.brand span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--green);color:#fff}.nav nav{display:flex;gap:28px;color:#526761;font-size:13px}.nav-actions{margin-right:auto;display:flex;gap:10px}.login{background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 15px;color:var(--text);font-family:inherit}.menu{display:none;background:none;border:0;font-size:24px}
.hero{padding:24px 0 8px}.slider{height:390px;border-radius:26px;background:linear-gradient(120deg,#0c2821,#17453a);position:relative;overflow:hidden;color:#fff;box-shadow:0 25px 60px #10392e22}.slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:50px 75px;opacity:0;transform:translateX(30px);transition:.6s}.slide.active{opacity:1;transform:none}.slide-copy{width:58%;z-index:2}.badge{display:inline-block;border:1px solid #ffffff2d;background:#ffffff12;color:#baf2df;border-radius:20px;padding:3px 13px;font-size:11px}.slide h1{font-size:39px;line-height:1.45;margin:12px 0}.slide h1 strong{color:#34d399}.slide p{font-size:13px;color:#c2d3cf;max-width:570px;margin:0 0 20px}.cta{display:inline-block;background:var(--green);color:white;border-radius:10px;padding:9px 20px;font-size:12px;font-weight:700}
.visual{width:35%;height:100%;position:relative;display:grid;place-items:center}.circle{width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,#9bf6d8,#10b981 60%,#07553f);display:grid;place-items:center;font-size:62px;box-shadow:0 0 80px #10b98166}.floating{position:absolute;bottom:65px;right:5px;background:#ffffff18;border:1px solid #ffffff20;padding:9px 18px;border-radius:12px;font-size:11px;backdrop-filter:blur(8px)}.ai{width:165px;height:165px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#b6ffe8,#10b981 55%,#064e3b);font-size:42px;font-weight:800;box-shadow:0 0 70px #10b98166}.ring{position:absolute;width:260px;height:100px;border:1px solid #6ee7b788;border-radius:50%;transform:rotate(25deg)}.code{width:225px;height:155px;border-radius:18px;background:#061a15;border:1px solid #ffffff20;display:grid;place-items:center;color:#34d399;font-size:42px;box-shadow:0 20px 50px #0005}.code small{display:block;font-size:10px;color:#9bd7c4;margin-top:-55px}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff2e;background:#ffffff12;color:#fff;font-size:28px;cursor:pointer}.arrow:hover{background:var(--green)}.prev{right:18px}.next{left:18px}.dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;direction:ltr}.dots button{width:8px;height:8px;padding:0;border:0;border-radius:20px;background:#ffffff55}.dots button.active{width:26px;background:#34d399}
.section{padding:70px 0}.courses-section{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head small{font-size:11px;color:#059669;font-weight:700}.section-head h2{margin:2px 0;font-size:26px}.section-head>a{font-size:11px;color:var(--green)}
.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.categories a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;flex-direction:column;gap:2px;transition:.2s}.categories a:hover,.course:hover{transform:translateY(-4px);box-shadow:0 18px 35px #164c3c12}.categories b{font-size:28px}.categories strong{font-size:13px}.categories small{font-size:10px;color:var(--muted)}
.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.course{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:.2s}.thumb{height:145px;display:grid;place-items:center;font-weight:800;font-size:32px}.green{background:#dff7ed;color:#087f5b}.purple{background:#e9e5ff;color:#5545a5}.blue{background:#e1efff;color:#2563eb}.orange{background:#fff0d8;color:#b45309}.course-body{padding:15px}.course-body>span{font-size:10px;color:#059669;background:#eafaf4;padding:4px 8px;border-radius:7px}.course h3{font-size:14px;margin:10px 0 4px}.course p{font-size:10px;color:var(--muted);margin:0 0 10px}.meta{font-size:10px;color:var(--muted)}.meta i{float:left;font-style:normal}
.numbers{background:var(--dark);color:white;padding:45px 0}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.number-grid strong{display:block;font-size:29px}.number-grid small{font-size:11px;color:#b9ccc7}
.subscription{background:#e7f8f1;border-radius:25px;padding:45px 55px;display:flex;align-items:center;justify-content:space-between;gap:35px}.subscription>div:first-child>small{color:#059669;font-weight:700;font-size:11px}.subscription h2{font-size:27px;margin:4px 0}.subscription p{font-size:12px;color:var(--muted)}.price{background:#fff;border-radius:18px;padding:24px;min-width:280px;font-size:12px;box-shadow:0 15px 35px #145c4910}.price strong{font-size:24px;margin:0 6px}.price span{color:var(--muted)}
footer{background:var(--dark);color:#dbe8e4;padding-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid p,.footer-grid a{display:block;font-size:11px;color:#a8beb8}.footer-grid h4{color:#fff;font-size:13px}.copyright{text-align:center;border-top:1px solid #ffffff14;margin-top:30px;padding:16px;font-size:10px;color:#8fa8a1}
@media(max-width:900px){.nav nav{display:none}.menu{display:block}.categories{grid-template-columns:repeat(3,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.slide{padding:40px}.slide h1{font-size:31px}}
@media(max-width:600px){.header{height:65px}.login{display:none}.slider{height:450px}.slide{display:block;text-align:center;padding:28px 24px}.slide-copy{width:100%}.slide h1{font-size:27px}.slide p{font-size:11px}.visual{width:100%;height:155px}.circle{width:115px;height:115px;font-size:40px}.ai{width:110px;height:110px;font-size:30px}.code{width:180px;height:115px}.categories{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(2,1fr);gap:25px}.subscription{display:block;padding:28px 22px}.price{min-width:0;margin-top:25px}.footer-grid{grid-template-columns:1fr}}