:root{--ink:#17231d;--green:#174c3c;--lime:#dff06d;--paper:#f7f5ef;--white:#fff;--muted:#66706a;--line:#dde1dc;--orange:#e9783b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 max(28px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:800;display:flex;align-items:center;gap:10px}.brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:var(--lime);font-family:Newsreader;font-size:16px}.topbar nav{display:flex;align-items:center;gap:24px;font-size:14px}.user-chip{display:flex;gap:9px;align-items:center;border-left:1px solid var(--line);padding-left:22px}.user-chip>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4eadf}.user-chip span{line-height:1.2}.user-chip small{display:block;color:var(--muted);text-transform:capitalize}.logout{color:var(--muted)}.container{max-width:1180px;margin:auto;padding:52px 28px 90px}.hero{background:var(--green);border-radius:26px;color:white;padding:48px 58px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero h1,.lesson-page h1,.quiz-layout h1{font:600 48px/1.08 Newsreader,serif;margin:10px 0 16px}.hero p{color:#d5e2db}.eyebrow{font-weight:800;letter-spacing:.16em;font-size:12px;color:#8a9690;margin:0}.hero .eyebrow{color:var(--lime)}.ring{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--p)*1%),#396658 0);display:grid;place-items:center}.ring:before{content:"";width:128px;height:128px;background:var(--green);border-radius:50%;position:absolute}.ring div{z-index:1;text-align:center}.ring b{display:block;font:600 38px Newsreader}.ring span{font-size:12px;color:#cbd9d2}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;margin:-1px 30px 54px}.stats div{padding:22px 30px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span{grid-row:1/3;font-size:22px}.stats b{font-size:21px;line-height:1}.stats small{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 22px}.section-head h1,.section-head h2{font:600 34px Newsreader;margin:5px 0}.section-head>span{color:var(--muted);font-size:13px}.timeline{display:grid;gap:16px}.lesson-card{display:grid;grid-template-columns:80px 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;transition:.2s}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #173b2720}.day{display:flex;flex-direction:column;align-items:center}.day span{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}.done .day span{background:var(--lime);color:var(--green)}.day i{width:1px;background:var(--line);height:calc(100% - 44px);margin-top:8px}.lesson-meta{display:flex;gap:9px;align-items:center}.lesson-meta b,.lesson-meta span{font-size:11px;padding:3px 9px;border-radius:20px;background:#edf0eb}.lesson-meta b{background:#e5efdd;color:var(--green);text-transform:uppercase}.lesson-main h3{font:600 26px Newsreader;margin:10px 0 4px}.lesson-main>p{color:var(--muted);margin:0 0 18px}.card-actions{display:flex;align-items:center;gap:20px}.card-actions small{color:var(--muted)}.button{border:0;border-radius:10px;padding:11px 18px;font:700 13px Manrope;cursor:pointer;display:inline-block}.primary{background:var(--lime);color:var(--green)}.secondary{background:#edf0eb;color:var(--green)}.back{display:inline-block;margin-bottom:28px;color:var(--muted);font-weight:700;font-size:13px}.lesson-page{max-width:840px;margin:auto}.lesson-page>header{display:flex;justify-content:space-between;gap:30px}.lesson-page>header>div>p:last-child{color:var(--muted)}.timebox{min-width:86px;height:86px;border-radius:50%;background:var(--green);color:white;display:grid;place-content:center;text-align:center}.timebox b{font:600 27px Newsreader;line-height:1}.timebox span{font-size:11px}.objectives{background:#e7eee1;border-radius:16px;padding:22px 28px;margin:30px 0}.objectives ul{margin:8px 0 0;padding:0;list-style:none}.objectives li:before{content:"✓";color:var(--green);font-weight:800;margin-right:10px}.content-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 34px;margin:18px 0}.content-block h2{font:600 26px Newsreader;margin:0 0 12px}.content-block p{white-space:pre-line;margin:0}.content-block.tip,.content-block.exercise{border-left:5px solid var(--lime);background:#fbfcee}.content-block.example{border-left:5px solid var(--orange)}.video{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111}.video iframe{width:100%;height:100%;border:0}.vocab{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vocab div{background:var(--paper);padding:12px;border-radius:8px}.vocab b,.vocab span{display:block}.vocab span{font-size:13px;color:var(--muted)}.complete{text-align:center;padding:24px}.quiz-layout{display:grid;grid-template-columns:1fr 280px;gap:34px}.quiz-layout aside{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;height:max-content;position:sticky;top:100px}.quiz-layout aside h3{margin-top:0}.quiz-form fieldset{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px 24px;margin:15px 0}.quiz-form legend{font-weight:800;padding:0 8px}.quiz-form legend span{background:var(--green);color:#fff;border-radius:50%;width:28px;height:28px;display:inline-grid;place-items:center;margin-right:10px}.quiz-form label{display:flex;align-items:center;gap:10px;padding:11px;border-radius:8px;cursor:pointer}.quiz-form label:hover{background:var(--paper)}.quiz-form input{position:absolute;opacity:0}.quiz-form label i{width:18px;height:18px;border:2px solid #aeb6b1;border-radius:50%}.quiz-form input:checked+i{border:5px solid var(--green)}.explain{font-size:13px;color:var(--green);background:#edf5e6;padding:10px;border-radius:8px}.result{display:flex;gap:20px;align-items:center;padding:20px;border-radius:16px;background:#e9f2e3}.result>b{font:600 42px Newsreader}.result h2,.result p{margin:0}.result.retry{background:#fff0e7}.attempt{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.attempt>b{font:600 25px Newsreader}.attempt span,.attempt small{display:block;font-size:12px}.attempt small{color:var(--muted)}.alert{padding:12px 16px;border-radius:10px;margin-bottom:18px;background:#e8f5e4}.alert.error{background:#fff0e9;color:#9c3b21}.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line)}footer{padding:30px max(28px,calc((100% - 1180px)/2));background:var(--ink);color:#fff;display:flex;justify-content:space-between}.login-body{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-story{background:var(--green);color:#fff;padding:46px max(50px,8vw);display:flex;flex-direction:column;justify-content:space-between}.brand-light>span{background:var(--lime);color:var(--green)}.login-story h1{font:600 clamp(52px,6vw,86px)/.93 Newsreader;margin:18px 0}.login-story>div>p:last-child{color:#c9dbd2}.quote{color:var(--lime);font:600 18px Newsreader}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(100%,400px)}.login-card h2{font:600 39px Newsreader;margin:8px 0 0}.muted{color:var(--muted)}.login-card label{display:block;font-weight:700;font-size:13px;margin:20px 0}.login-card input{display:block;width:100%;border:1px solid var(--line);padding:14px;border-radius:9px;margin-top:7px;font:inherit}.wide{width:100%;padding:14px}.demo{text-align:center;font-size:12px;color:var(--muted)}@media(max-width:800px){.topbar nav>a:not(.logout),.user-chip span{display:none}.container{padding:28px 16px}.hero{padding:32px;display:block}.ring{display:none}.stats{margin:12px 0 35px}.stats div{padding:15px;grid-template-columns:1fr;text-align:center}.stats span{grid-row:auto}.lesson-card{grid-template-columns:55px 1fr;padding:20px 12px}.lesson-page h1,.quiz-layout h1,.hero h1{font-size:37px}.quiz-layout{grid-template-columns:1fr}.quiz-layout aside{position:static}.login-shell{grid-template-columns:1fr}.login-story{min-height:38vh;padding:30px}.login-story h1{font-size:47px}.login-story .quote{display:none}.login-panel{padding:34px 24px}.vocab{grid-template-columns:1fr}.lesson-page>header{display:block}.timebox{display:none}}