:root{font-family:Manrope,Arial,sans-serif;color:#1e3d32;background:#f6f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.site-header,main,footer{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dde7dc}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.7px}.brand small{display:block;color:#66836f;font-size:10px;letter-spacing:1.5px;margin-top:4px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#235a40;color:#fff;font-size:23px}.site-header nav{display:flex;gap:25px}.site-header nav a{text-decoration:none;font-size:13px;font-weight:700;color:#54725c}.site-header nav a:hover,.back:hover{color:#1c8b57}.hero{margin:32px 0 66px;background:linear-gradient(120deg,#e2f0e1,#f1f6df);border:1px solid #d4e5d5;border-radius:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;min-height:390px;padding:54px 64px;overflow:hidden}.eyebrow{display:block;font-size:11px;letter-spacing:1.8px;color:#3d8a5d;font-weight:800}.hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-2.7px;line-height:1.07;margin:23px 0;color:#1d4933}.hero h1 em{font-style:normal;color:#4c9b68}.hero p{color:#597564;font-size:15px;line-height:1.75;max-width:510px}.hero-link,.primary{border:0;border-radius:10px;background:#245e43;color:#fff;font-weight:800;text-decoration:none}.hero-link{display:inline-flex;gap:35px;padding:14px 18px;margin-top:17px;font-size:13px}.hero-link:hover,.primary:hover{background:#1c4934}.hero-card{background:#fff;border:1px solid #dcebdd;box-shadow:0 26px 55px #446a4c20;border-radius:19px;transform:rotate(5deg);padding:36px;min-height:238px;max-width:360px;margin:auto;display:flex;flex-direction:column;justify-content:center}.hero-card span,.hero-card small{font-size:10px;letter-spacing:1.3px;color:#8aa28c;font-weight:800}.hero-card strong{font-size:clamp(29px,3vw,39px);letter-spacing:-1px;margin:25px 0 3px}.hero-card i{font-style:normal;font-size:20px;color:#69a47c}.card-line{height:1px;background:#e1ece0;margin:23px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:start;padding-bottom:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading h2,.account h2{font-size:34px;letter-spacing:-1.2px;margin:9px 0 0}.count{font-size:13px;color:#6b856f}.course-list{display:grid;gap:15px}.course-card,.lesson,.account,.detail-heading{background:#fff;border:1px solid #e0e8dd;border-radius:16px}.course-card{text-align:left;padding:25px;width:100%;display:block;color:inherit;transition:border-color .2s,transform .2s}.course-card:hover{border-color:#8fc39b;transform:translateY(-2px)}.course-card .eyebrow{font-size:10px}.course-card h3{font-size:23px;letter-spacing:-.7px;margin:12px 0 7px}.course-card p,.detail-heading p,.account p,.lesson p{color:#61776a;line-height:1.6}.course-card .course-meta{display:flex;justify-content:space-between;align-items:center;color:#458b61;font-size:12px;font-weight:800;margin-top:20px}.back{border:0;background:none;color:#47765a;font-weight:800;padding:0;margin:0 0 20px}.detail-heading{padding:30px;margin-bottom:17px}.detail-heading h2{font-size:32px;letter-spacing:-1px;margin:8px 0}.progress{margin-top:25px;font-size:13px;color:#47765a;font-weight:800}.progress-track{height:9px;background:#e4eee1;border-radius:50px;overflow:hidden;margin-top:9px}.progress-track div{width:0;height:100%;background:#4b9d69;border-radius:50px;transition:width .2s}.lesson-list{display:grid;gap:13px}.lesson{padding:23px 26px}.lesson-top{display:flex;align-items:center;gap:12px}.lesson-number{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e5f2e5;color:#398357;font-weight:800;font-size:12px}.lesson h3{font-size:19px;margin:0}.lesson p{margin:14px 0 17px}.lesson button{padding:10px 14px}.completed{color:#298753;font-size:13px;font-weight:800}.account{padding:29px;position:sticky;top:22px}.account h2{font-size:25px}.account p{font-size:13px}.account label{display:block;font-size:12px;font-weight:800;margin:17px 0}.account input{display:block;margin-top:7px;width:100%;border:1px solid #d4e1d5;border-radius:9px;padding:11px 12px;outline:none}.account input:focus{border-color:#4b9d69;box-shadow:0 0 0 3px #4b9d6922}.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{padding:11px 15px;font-size:12px}.secondary{border:1px solid #caddcb;border-radius:9px;background:#fff;color:#286443;font-weight:800}.secondary:hover{background:#eef7ee}.account .hint{font-size:11px;color:#829186}.message{min-height:20px;color:#31764e}.message.error{color:#ad4540}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dde7dc;padding:28px 0 38px;color:#78917d;font-size:12px}@media(max-width:800px){.hero{padding:38px;grid-template-columns:1fr}.hero-card{display:none}.content-grid{grid-template-columns:1fr}.account{position:static;order:-1}.site-header nav{gap:13px}}@media(max-width:560px){.site-header,main,footer{width:min(100% - 32px,1180px)}.site-header{align-items:flex-start;flex-direction:column;padding:17px 0;gap:13px}.hero{padding:32px 24px;min-height:auto;margin:20px 0 42px}.hero h1{font-size:41px}.section-heading h2{font-size:29px}.detail-heading{padding:23px}.account{padding:23px}footer{flex-direction:column}}