@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#152522;--muted:#66736f;--green:#174740;--green2:#0f3732;--mint:#dcece5;--paper:#f4f2ec;--white:#fff;--coral:#dd654e;--gold:#e8b953;--line:#d9ddd8;--shadow:0 12px 36px rgba(24,55,49,.09);--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;margin:.2em 0}h1{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.05em}h2{font-size:1.65rem;letter-spacing:-.03em}h3{font-size:1.08rem}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.top{height:76px;background:var(--green2);color:white;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:40px;position:sticky;top:0;z-index:20}.brand{font-size:21px;font-weight:700;white-space:nowrap}.brand span{display:inline-grid;place-items:center;background:var(--coral);width:35px;height:35px;border-radius:10px;margin-right:7px}.brand b{font-weight:400;color:#9fc2b8;margin-left:6px}.top nav{display:flex;gap:25px;align-items:center;margin-left:auto}.top nav a,.link{color:#d6e5df;background:none;border:0;cursor:pointer}.top nav form{margin:0}.identity{border-left:1px solid #41645e;padding-left:22px;display:flex;flex-direction:column}.identity small{color:#9fc2b8}.nav-toggle{display:none}.shell{max-width:1240px;margin:auto;padding:46px 26px 80px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.primary{background:var(--coral);color:white;box-shadow:0 7px 16px rgba(221,101,78,.22)}.secondary{background:white;border:1px solid var(--line);margin:5px}.wide{width:100%;font-size:16px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800;color:var(--coral)}.welcome,.admin-head,.page-head,.editor-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.welcome{background:var(--green);color:white;border-radius:24px;padding:46px 50px;align-items:center;overflow:hidden;position:relative}.welcome:after{content:'24';position:absolute;right:180px;top:-60px;font:800 190px Manrope;color:rgba(255,255,255,.035)}.welcome p{color:#bdd3cc;max-width:590px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 48px}.stats article{background:white;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;align-items:center;gap:16px}.stats strong{font:800 29px Manrope;display:block}.stats small{color:var(--muted)}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:20px}.stat-icon.coral{background:#fbe2dc;color:#b84331}.stat-icon.blue{background:#dceae9;color:#1b625b}.stat-icon.gold{background:#f8edcf;color:#936c0f}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 16px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{background:white;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}.course-top{height:120px;padding:20px;color:white;display:flex;justify-content:space-between;background:#38655e}.course-top b{font:800 52px Manrope;opacity:.18}.tone-1{background:#aa604f}.tone-2{background:#97742d}.course-body{padding:24px}.course-body p{color:var(--muted)}.course-body>a{font-weight:700;display:flex;justify-content:space-between;margin-top:20px}.badge{display:inline-block;border-radius:999px;background:#edf0ed;color:#50615d;padding:4px 9px;font-size:11px;font-weight:700}.badge.success{background:#dcefe4;color:#22613e}.badge.warn{background:#fff0d6;color:#825910}.badge.accent{background:#f8ded7;color:#9a3d2e}.progress{height:6px;border-radius:9px;background:#e6e9e6;overflow:hidden}.progress i{display:block;height:100%;background:var(--coral)}.path-list{display:flex;flex-direction:column;gap:12px}.path-row{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:15px;padding:20px 24px}.path-row>div:nth-child(2){flex:1}.path-row p,.path-row small{color:var(--muted);margin:3px 0}.path-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--green);color:white;font:700 20px Manrope}.path-progress{width:155px}.path-progress strong,.path-progress span{font-size:12px}.module-list{list-style:none;padding:0}.module-list li{display:flex;align-items:center;gap:20px;background:white;border-bottom:1px solid var(--line);padding:22px}.module-list li>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--line);font-weight:700}.module-list li.done>span{background:var(--green);border-color:var(--green);color:white}.module-list li>div{flex:1}.lesson-head>a,.editor-head a{color:var(--muted)}.lesson-layout{display:grid;grid-template-columns:230px 1fr;gap:30px}.lesson-layout>aside{position:sticky;top:100px;height:max-content;display:flex;flex-direction:column;gap:8px}.lesson-layout>aside>a{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:10px;border-radius:8px}.lesson-layout>aside>a:hover{background:white}.lesson-layout>aside>a span{grid-row:span 2;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dfe4e1;font-size:11px}.lesson-layout aside small{color:var(--muted)}.content-item{background:white;border:1px solid var(--line);border-radius:var(--r);padding:32px;margin-bottom:22px}.content-item iframe{width:100%;height:630px;border:1px solid var(--line);border-radius:10px;margin:20px 0}.video-wrap{position:relative;background:#07110f;margin:20px 0;border-radius:12px;overflow:hidden}.video-wrap video{width:100%;display:block;max-height:600px}.video-question{position:absolute;inset:0;background:rgba(9,31,27,.96);color:white;padding:clamp(25px,7vw,80px);overflow:auto}.video-question label{display:block;background:#244740;padding:12px;margin:8px;border-radius:8px}.video-question button{background:var(--coral);color:white;border:0;padding:12px 18px;border-radius:8px;margin:12px 8px}.countdown{float:right;width:48px;height:48px;border:3px solid var(--coral);display:grid;place-items:center;border-radius:50%;font-weight:800}.confirm,.confirmed{background:#f2f6f3;padding:18px;border-radius:10px;margin-top:20px}.confirm label{display:block;margin-bottom:14px}.exam-callout{text-align:center;padding:55px}.exam-head{text-align:center;margin-bottom:30px}.exam-form{max-width:820px;margin:auto}.exam-form fieldset{border:0;background:white;border-radius:var(--r);margin:16px 0;padding:26px}.exam-form legend{font:700 17px Manrope;padding-top:28px}.exam-form legend span{background:var(--green);color:white;border-radius:50%;padding:5px 10px;margin-right:10px}.exam-form label{display:flex;gap:10px;border:1px solid var(--line);padding:13px;margin:9px 0;border-radius:9px}.result{max-width:700px;margin:50px auto;background:white;padding:60px;text-align:center;border-radius:24px}.result>span{display:grid;place-items:center;width:75px;height:75px;margin:auto;border-radius:50%;background:var(--mint);font-size:35px}.result h1{font-size:70px;color:var(--green)}.result.fail h1{color:var(--coral)}.admin-tabs{display:flex;gap:8px;margin-bottom:25px}.admin-tabs a{background:white;border:1px solid var(--line);padding:9px 14px;border-radius:9px}.panel,.form-card{background:white;border:1px solid var(--line);border-radius:var(--r);padding:26px}.panel table{width:100%;border-collapse:collapse}.panel th{text-align:left;color:var(--muted);font-size:12px}.panel td,.panel th{padding:13px;border-bottom:1px solid #e8eae8}.panel td small{display:block;color:var(--muted)}.form-card{max-width:780px}.form-card label{display:block;font-weight:600;margin:13px 0}.form-card input,.form-card select,.form-card textarea,.inline-create input{display:block;width:100%;border:1px solid #cbd2ce;border-radius:8px;padding:11px;margin-top:6px;background:#fcfcfa}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span-2{grid-column:span 2}.check input,.checks input{display:inline;width:auto}.compact{margin-top:20px;padding:20px}.inline-create{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;background:white;padding:16px;border-radius:12px;margin-bottom:18px}.inline-create input{margin:0}.builder{position:relative}.builder-row{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);padding:22px;margin:12px 0;border-radius:14px}.builder-row>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-weight:700}.builder-row>div:nth-child(2){flex:1}.editor-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.item-stack article{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:15px;border-radius:11px;margin:8px 0}.item-stack article>div{flex:1}.drag{color:#aaa}.question-panel{background:#e9eee9;border-radius:var(--r);padding:18px}.q-row{display:flex;gap:10px;background:white;padding:14px;border-radius:10px;margin:8px 0}.q-row div{display:flex;flex-direction:column}.q-row small{color:var(--muted)}.flash{background:#dcefe4;color:#22613e;border:1px solid #b6dac4;padding:13px 18px;border-radius:10px;margin-bottom:20px}.empty{background:white;border:1px dashed #bcc5c0;border-radius:var(--r);padding:45px;text-align:center;color:var(--muted)}.login-bg{background:var(--green2);min-height:100vh}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1150px;margin:auto;padding:50px;gap:90px}.login-brand{color:white}.login-brand h1{font-size:clamp(3rem,6vw,5.5rem)}.login-brand em{font-style:normal;color:#f18a72}.login-brand p{font-size:18px;color:#b6cbc5;max-width:500px}.mark{width:65px;height:65px;display:grid;place-items:center;background:var(--coral);border-radius:18px;font:800 28px Manrope}.domain{display:inline-block;margin-top:45px;border:1px solid #456860;border-radius:999px;padding:8px 14px;color:#a9c2bb}.login-card{background:#f9f8f3;border-radius:25px;padding:45px;box-shadow:0 30px 70px rgba(0,0,0,.2)}.login-card h2{font-size:2rem}.login-card>p,.privacy{color:var(--muted)}.login-card label{display:block;font-weight:600;margin:18px 0}.login-card input{width:100%;padding:13px;border:1px solid #cbd2ce;border-radius:9px;margin-top:6px;background:white}.privacy{display:block;text-align:center;margin-top:22px}.error{background:#fbe1dc;color:#943b2b;padding:10px;border-radius:8px}.scroll{overflow:auto}
@media(max-width:850px){.top{padding:0 18px;gap:12px}.identity{display:none}.nav-toggle{display:block;margin-left:auto;background:none;border:0;color:white;font-size:22px}.top nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--green2);padding:20px;flex-direction:column;align-items:stretch}.top nav.open{display:flex}.shell{padding:28px 16px}.welcome,.admin-head,.page-head,.editor-head{align-items:flex-start;flex-direction:column}.welcome{padding:30px}.stats,.course-grid{grid-template-columns:1fr}.lesson-layout,.editor-grid{grid-template-columns:1fr}.lesson-layout>aside{position:static}.path-progress{display:none}.content-item{padding:20px}.content-item iframe{height:460px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.login{grid-template-columns:1fr;padding:25px;gap:30px}.login-brand h1{font-size:3rem}.login-brand p,.domain{display:none}.login-card{padding:30px}.inline-create{grid-template-columns:1fr}.builder-row{align-items:flex-start}.builder-row>div:last-child{display:none}.panel{padding:12px;overflow:auto}}