:root{--ink:#18322e;--muted:#61706b;--paper:#fbfaf5;--line:#dfe4dc;--green:#0a6b52;--lime:#d8ee58;--sand:#f3e9cb;--orange:#ed8756;--white:#fff;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans)}a{color:inherit}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;background:#fbfaf5ee;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:18px}.brand span{background:var(--green);color:var(--lime);display:grid;place-items:center;width:34px;height:34px;font-size:11px;border-radius:50%;font-weight:700}.topbar nav{display:flex;gap:30px}.topbar nav a{font-size:14px;text-decoration:none;color:var(--muted)}.avatar,.profile-avatar{border:0;background:var(--orange);color:#fff;border-radius:50%;width:38px;height:38px;font:700 12px var(--sans)}.hero{max-width:1240px;margin:auto;min-height:585px;display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:center;padding:80px 28px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 14px}.hero h1,.section h2{font:700 clamp(43px,5vw,70px)/.98 var(--serif);letter-spacing:-.04em;margin:0 0 22px}.hero h1 em{font-weight:600;color:var(--green)}.lead{font-size:18px;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;margin:32px 0}.button{border:1px solid var(--ink);padding:12px 18px;min-height:46px;border-radius:3px;background:transparent;cursor:pointer;font:600 14px var(--sans);text-decoration:none;display:inline-flex;gap:14px;align-items:center;justify-content:center}.primary{background:var(--green);border-color:var(--green);color:#fff}.ghost:hover,.button:hover{transform:translateY(-1px)}.full{width:100%;background:var(--lime);border-color:var(--lime);color:var(--ink)}.dark{background:var(--ink);color:white;border-color:var(--ink)}.trust{display:flex;gap:22px;color:var(--muted);font-size:13px}.continue-card{background:var(--ink);color:white;padding:30px;border-radius:3px;box-shadow:16px 16px 0 var(--lime)}.card-label,.muted{font-size:13px;color:#aec2b8}.lesson-icon{width:56px;height:56px;border:1px solid #759187;border-radius:50%;display:grid;place-items:center;font:600 24px var(--serif);margin:34px 0 20px}.continue-card h2{font:600 31px/1.05 var(--serif);margin:4px 0 27px}.progress-line{height:5px;background:#426158;margin:16px 0 8px}.progress-line span{display:block;height:100%;background:var(--lime)}.progress-caption{font-size:12px;color:#b9ccc4;display:flex;justify-content:space-between;margin-bottom:25px}.section{max-width:1240px;margin:auto;padding:96px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section h2{font-size:46px;margin:0}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.level{border:1px solid var(--line);padding:25px;min-height:275px;background:var(--white);position:relative;display:flex;flex-direction:column}.level .level-number{font:600 14px var(--green)}.level h3{font:600 29px var(--serif);margin:34px 0 9px}.level p{color:var(--muted);font-size:14px;margin:0}.level .level-bottom{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between}.mini-progress{height:5px;width:110px;background:#e8ebe5}.mini-progress span{display:block;background:var(--green);height:100%}.tinted{background:var(--sand);max-width:none;padding-left:max(calc((100% - 1184px)/2),28px);padding-right:max(calc((100% - 1184px)/2),28px)}.exercise{max-width:1184px;margin:auto;display:grid;grid-template-columns:1.45fr .55fr;background:#fff;border:1px solid #e5dcbf}.exercise-copy{padding:38px}.pill{background:#e2f1c9;padding:5px 8px;font-size:12px;color:#446529}.exercise h3{font:600 29px/1.1 var(--serif);margin:25px 0 8px}.exercise-copy>p{color:var(--muted)}label{display:block;font-weight:600;font-size:13px;margin:24px 0 7px}.answer-row{display:flex;gap:9px}.answer-row input{min-height:47px;flex:1;border:1px solid #bcc7bd;border-radius:2px;padding:0 14px;font:16px var(--sans)}.feedback{margin-top:15px;font-size:14px}.feedback.good{color:#17643e}.feedback.bad{color:#8e3f23}.rule-note{padding:38px;background:var(--ink);color:#e9f3ec}.note-mark{border:1px solid #83a094;border-radius:50%;width:25px;height:25px;text-align:center;color:var(--lime)}.rule-note h3{font:600 21px var(--serif);margin:28px 0 7px}.rule-note p{font-size:14px;color:#bbcec5}.rule-note a{font-size:13px;color:var(--lime)}.resource-layout{display:grid;grid-template-columns:.65fr 1.35fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-list{padding:12px 0;border-right:1px solid var(--line)}.topic{display:flex;width:100%;border:0;background:transparent;text-align:left;justify-content:space-between;padding:15px 18px;cursor:pointer;font:600 14px var(--sans);color:var(--muted)}.topic.active{background:var(--lime);color:var(--ink)}.resource-detail{padding:34px 38px;min-height:325px}.resource-detail h3{font:600 34px var(--serif);margin:0 0 8px}.resource-detail p{color:var(--muted);max-width:600px}.resource-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.video-card{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px}.video-card a{font-weight:700;color:var(--green)}.grammar{background:var(--green);color:white;max-width:none;padding-left:max(calc((100% - 1184px)/2),28px);padding-right:max(calc((100% - 1184px)/2),28px);display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.grammar .eyebrow{color:var(--lime)}.grammar h2{font-size:55px}.grammar>div>p:not(.eyebrow){color:#bbd2c8;max-width:400px}.grammar-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grammar article{padding:26px;background:#0d5d49;min-height:165px}.grammar article span{color:var(--lime);font-size:13px}.grammar article h3{font:600 24px var(--serif);margin:23px 0 6px}.grammar article p{margin:0;color:#b8d4ca;font-size:13px}.profile{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.profile-card,.admin-panel{border:1px solid var(--line);padding:30px;background:#fff}.profile-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:24px}.profile-avatar{display:grid;place-items:center;width:52px;height:52px;font-size:14px}.profile-head h2{font-size:27px}.link-button{margin-left:auto;border:0;background:transparent;color:var(--green);text-decoration:underline;cursor:pointer}.overall{display:flex;gap:28px;padding:29px 0;border-bottom:1px solid var(--line);align-items:center}.ring{width:94px;height:94px;border:8px solid var(--lime);border-right-color:var(--green);border-radius:50%;display:grid;place-items:center}.overall h3,.recent h3,.admin-panel h3{font:600 20px var(--serif);margin:0}.overall p{color:var(--muted);font-size:14px}.recent{padding-top:22px}.progress-row{display:grid;grid-template-columns:125px 1fr 38px;align-items:center;gap:10px;margin-top:14px;font-size:13px}.progress-row i{height:6px;background:#e9ede7}.progress-row i span{display:block;height:100%;background:var(--green)}.admin-panel h2{font-size:32px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.metric-grid div{padding:13px;background:var(--sand);display:flex;flex-direction:column}.metric-grid b{font:600 24px var(--serif)}.metric-grid span,.admin-panel small{font-size:11px;color:var(--muted)}.bars p{font-size:12px;display:grid;grid-template-columns:70px 1fr 25px;gap:5px;align-items:center}.bars i{height:5px;background:#e7ece5}.bars i span{display:block;height:100%;background:var(--orange)}.hidden{display:none}.auth-box h3{margin:0 0 12px;font:600 20px var(--serif)}.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-form input{border:1px solid #bcc7bd;border-radius:2px;padding:10px 12px;font:15px var(--sans)}.auth-actions{display:flex;gap:8px}.auth-actions .button{margin:0}.auth-status{margin-top:11px;font-size:13px;color:var(--muted)}.auth-status.ok{color:#17643e}.auth-status.err{color:#8e3f23}.auth-register{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.auth-register summary{cursor:pointer;font-weight:600;font-size:14px}.auth-register label{font-size:13px;margin:10px 0 0}.auth-register input,.auth-register select{width:100%;border:1px solid #bcc7bd;border-radius:2px;padding:8px 10px;font:14px var(--sans);margin-top:3px}.auth-register .consent{display:flex;align-items:flex-start;gap:8px;font-size:13px}.auth-register .consent input{width:auto;margin-top:2px}footer{border-top:1px solid var(--line);padding:35px max(5vw,28px);display:flex;gap:25px;justify-content:space-between;font-size:13px;color:var(--muted)}footer strong{color:var(--ink)}dialog{border:0;padding:0;max-width:620px;width:calc(100% - 38px);box-shadow:0 20px 70px #0005}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.dialog-inner{padding:42px}.dialog-inner h2{font:600 39px var(--serif);margin:0 0 12px}.dialog-inner p{color:var(--muted)}.lesson-list{padding:0;list-style:none}.lesson-list li{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between}.lesson-list button{border:0;background:var(--lime);padding:6px 9px;cursor:pointer}@media(max-width:760px){.topbar nav{display:none}.hero,.profile,.grammar{grid-template-columns:1fr;gap:35px}.hero{padding-top:55px}.section-heading{display:block}.section-heading>p{margin-top:14px}.level-grid{grid-template-columns:1fr}.exercise,.resource-layout{grid-template-columns:1fr}.topic-list{border-right:0;border-bottom:1px solid var(--line)}.grammar{gap:45px}.grammar-grid{grid-template-columns:1fr}.trust,footer{flex-direction:column;gap:10px}.answer-row{flex-direction:column}.profile{padding-top:55px}.admin-panel{display:block}.hidden{display:none!important}}

.ref-table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:15px}.ref-table td{border-bottom:1px solid var(--line);padding:7px 10px}.ref-table td:first-child{width:42%;font-weight:600;color:var(--ink)}.num-practice{border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;display:grid;gap:10px;max-width:420px}.num-practice input{padding:11px 13px;border:1px solid #bcc7bd;border-radius:3px;font-size:16px}.num-q{font-size:16px}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:12px 0}.country-card{border:1px solid var(--line);border-radius:14px;padding:16px}.country-flag{font-size:34px;display:block;margin-bottom:6px}.country-card h4{margin:2px 0}.country-card p{margin:6px 0;font-size:14px}.country-card .mg{color:var(--ink);font-style:italic}.grammar-sheet{margin:14px 0;border-left:3px solid var(--lime);padding-left:14px}.feedback{font-weight:600}.feedback.good{color:#0a6b52}.feedback.bad{color:#b3301f}