.english-page{--en-ink:#203b37;--en-green:#238762;--en-muted:#637b73;min-height:100vh;background:#f8fbf6;color:var(--en-ink);font-family:DM Sans,sans-serif}.english-page *{box-sizing:border-box}.english-topbar{height:76px;padding:0 max(5vw,24px);justify-content:space-between;background:#fff;border-bottom:1px solid #e3ebe4}.english-brand,.english-topbar{display:flex;align-items:center}.english-brand{gap:7px;font:900 20px Nunito,sans-serif;text-decoration:none;color:var(--en-ink)}.english-brand strong{color:var(--en-green)}.english-brand-icon{display:grid;place-items:center;width:38px;height:38px;margin-right:5px;border-radius:12px;background:var(--en-green);color:#fff}.english-back{color:var(--en-muted);font-size:14px;font-weight:700;text-decoration:none}.english-back i{margin-right:7px}.english-back:hover{color:var(--en-green)}.english-shell{max-width:1200px;padding:0 24px;margin:auto}.english-hero{min-height:465px;display:grid;grid-template-columns:1fr .9fr;align-items:center;grid-gap:75px;gap:75px;padding:55px 0 40px}.english-overline,.english-section-title>span{color:var(--en-green);font-size:12px;font-weight:900;letter-spacing:1.5px}.english-overline i{margin-right:7px}.english-hero h1{font:900 clamp(44px,5vw,70px)/1.07 Nunito,sans-serif;letter-spacing:-2px;margin:18px 0}.english-hero h1 em{font-style:normal;color:var(--en-green)}.english-hero p{font-size:17px;line-height:1.65;color:var(--en-muted);max-width:540px;margin:0 0 28px}.english-hero p strong{color:var(--en-ink)}.english-main-button{background:var(--en-green);color:#fff;border:0;border-radius:14px;padding:15px 23px;font-weight:800;box-shadow:0 5px 0 #196c50;transition:transform .16s,box-shadow .16s}.english-main-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 #196c50}.english-main-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.english-main-button i{margin-left:14px}.english-dialog button:focus-visible,.english-lesson:focus-visible,.english-main-button:focus-visible{outline:3px solid #236cdd;outline-offset:3px}.hero-photo{position:relative;height:335px;border-radius:28px;overflow:hidden;box-shadow:0 26px 55px #1e473433;transform:rotate(2deg);background:#d8e4d7}.hero-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#102b29a8);pointer-events:none}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.hero-photo-note,.hero-stamp{position:absolute;z-index:1;color:#fff;font-weight:900}.hero-stamp{left:22px;top:22px;background:#1c453ab8;border:1px solid #ffffff66;border-radius:30px;padding:9px 13px;font-size:11px;letter-spacing:.9px}.hero-photo-note{left:24px;bottom:24px;font:900 24px Nunito}.english-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin:10px 0 80px}.english-stats>div{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e3ebe4;border-radius:18px;padding:21px 26px}.english-stats i{width:44px;height:44px;flex:none;border-radius:13px;background:#e5f5e9;color:var(--en-green);display:grid;place-items:center;font-size:18px}.english-stats>div:nth-child(2) i{background:#fff1d8;color:#c28b27}.english-stats>div:nth-child(3) i{background:#eeebff;color:#7f70c7}.english-stats span{display:flex;flex-direction:column}.english-stats strong{font:900 24px Nunito}.english-stats small{color:var(--en-muted);font-size:12px}.english-section-title{text-align:center;margin-bottom:58px}.english-section-title h2{font:900 clamp(31px,4vw,43px) Nunito;margin:8px 0}.english-section-title p{color:var(--en-muted);margin:0 auto;max-width:650px;line-height:1.6}.english-level{margin-bottom:66px}.english-level-heading{display:flex;align-items:center;gap:17px;margin-bottom:22px}.level-number{width:49px;height:49px;flex:none;display:grid;place-items:center;border-radius:15px;background:#ddf3e4;color:var(--en-green);font:900 19px Nunito}.english-level-heading h3{font:900 23px Nunito;margin:0}.english-level-heading p{font-size:13px;color:var(--en-muted);margin:1px 0 0}.level-questions{margin-left:auto;border-radius:30px;background:#e7f5eb;color:var(--en-green);padding:8px 12px;font-weight:800;font-size:12px;white-space:nowrap}.english-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:19px;gap:19px}.english-lesson{padding:0;display:flex;align-items:stretch;text-align:left;background:#fff;color:var(--en-ink);border:solid #e3ebe4;border-width:2px 2px 5px;border-radius:20px;overflow:hidden;min-height:171px;transition:transform .16s,border-color .16s}.english-lesson:hover:not(:disabled){transform:translateY(-3px);border-color:#86cda2}.english-locked{opacity:.62;cursor:not-allowed}.lesson-photo{position:relative;width:36%;flex:none;background:#d9e5e0;overflow:hidden}.lesson-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.lesson-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#153c3240,transparent 55%)}.lesson-number{position:absolute;top:13px;left:13px;background:#fff;color:var(--en-green);border-radius:8px;padding:5px 8px;font:900 12px Nunito}.lesson-content{display:flex;flex-direction:column;min-width:0;padding:20px 18px;flex:1 1}.lesson-location{font-size:10px;letter-spacing:.5px;font-weight:900;color:var(--en-green);text-transform:uppercase}.lesson-location i{margin-right:3px}.lesson-content strong{font:900 20px Nunito;margin:8px 0 3px}.lesson-content>span:nth-last-child(2){font-size:13px;color:var(--en-muted)}.lesson-status{margin-top:auto;padding-top:14px;color:var(--en-green);font-size:12px;font-weight:800}.lesson-status i{margin-right:3px}.english-locked .lesson-status{color:#6f8176}.english-credit-note{text-align:center;color:var(--en-muted);font-size:12px;padding:0 20px 60px}.english-overlay{position:fixed;inset:0;z-index:50;background:#102923c9;display:flex;align-items:center;justify-content:center;padding:14px}.english-dialog{width:min(710px,100%);max-height:calc(100dvh - 28px);overflow-y:auto;background:#fff;border-radius:24px;box-shadow:0 30px 85px #0a242d77}.dialog-photo{position:relative;height:190px;overflow:hidden;background:#d9e3da}.dialog-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}.dialog-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a2723b8,#0a272315),linear-gradient(0deg,#0a272386,transparent 55%)}.dialog-close{position:absolute;top:17px;right:18px;border:0;background:#ffffffed;color:var(--en-ink);border-radius:10px;width:37px;height:37px;font-size:18px}.dialog-place{position:absolute;left:30px;top:45px;color:#fff;display:flex;flex-direction:column;gap:8px}.dialog-place span{font-size:11px;font-weight:900;letter-spacing:1.3px}.dialog-place strong{font:900 32px Nunito;text-shadow:0 2px 8px #10221e77}.photo-credit{position:absolute;bottom:10px;right:13px;color:#fff;background:#0b2925b9;border-radius:6px;padding:4px 7px;font-size:10px}.photo-credit a{color:#fff;text-decoration:underline}.dialog-top{display:flex;align-items:center;gap:17px;padding:20px 34px 0}.dialog-track{height:11px;flex:1 1;background:#e9eee9;border-radius:20px;overflow:hidden}.dialog-track span{height:100%;display:block;background:#55bb7d;border-radius:20px;transition:width .3s}.dialog-count{font:900 14px Nunito;color:var(--en-muted)}.dialog-body{padding:17px 36px 32px}.mission-line{margin:0 0 17px;color:#46745d;background:#eff9f1;border-radius:10px;padding:11px 13px;line-height:1.45;font-size:13px;font-weight:700}.mission-line i{margin-right:6px}.dialog-context{display:flex;justify-content:space-between;gap:12px;color:var(--en-muted);font-size:12px;font-weight:800;align-items:center}.dialog-kind{color:var(--en-green);font-size:11px;letter-spacing:1px;font-weight:900}.dialog-body h2,.lesson-finish h2{font:900 clamp(24px,3vw,31px)/1.25 Nunito;margin:20px 0 23px}.exercise-options{display:grid;grid-gap:10px;gap:10px}.exercise-options button,.order-answer button,.order-words button{border:solid #dfe8e0;border-width:2px 2px 4px;border-radius:12px;padding:12px 15px;background:#fff;text-align:left;color:var(--en-ink);font-weight:800}.exercise-options button:hover:not(:disabled),.order-words button:hover:not(:disabled){border-color:var(--en-green);background:#f4fcf6}.exercise-options .option-right{border-color:#43a96d;background:#e6f7e9}.exercise-options .option-wrong{border-color:#e36d68;background:#fff0ee}.exercise-options button:disabled{cursor:default}.write-label{font-weight:800;display:block;margin-bottom:9px}.compose-area textarea,.dialog-body input{width:100%;padding:15px;border:2px solid #dfe8e0;border-radius:12px;font:600 16px DM Sans;outline:none}.compose-area textarea:focus,.dialog-body input:focus{border-color:var(--en-green)}.compose-area textarea{min-height:175px;resize:vertical}.word-counter{display:block;text-align:right;color:var(--en-muted);font-size:12px;margin:5px 0 12px}.compose-checklist{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f7f9f6;padding:12px;border-radius:10px}.compose-checklist strong{width:100%;font-size:12px}.compose-checklist span{font-size:12px;color:#7b8980;background:#e8ece8;border-radius:20px;padding:5px 8px}.compose-checklist span.met{color:#1b7049;background:#daf3df}.compose-note{font-size:12px;color:var(--en-muted);line-height:1.5}.order-answer{min-height:74px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px;border:2px dashed #cbdcd0;border-radius:14px}.order-answer>span{color:#87978d;font-size:14px}.order-answer button,.order-words button{padding:9px 11px}.order-answer button i{font-size:10px;margin-left:4px}.order-words{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-height:50px}.order-words button:disabled{opacity:.3}.english-feedback{display:flex;gap:11px;margin-top:21px;padding:15px;border-radius:12px;background:#e8f7eb;color:#23714c}.english-feedback.wrong{background:#fff0e7;color:#a34c2d}.english-feedback>i{font-size:20px;margin-top:2px}.english-feedback strong{display:block}.english-feedback p{margin:5px 0 0;line-height:1.5;color:#40544a;font-size:13px}.dialog-bottom{border-top:1px solid #e9eee9;display:flex;justify-content:flex-end;align-items:center;margin-top:20px;padding-top:19px;min-height:66px}.dialog-bottom>span{font-size:13px;color:var(--en-muted)}.lesson-finish{text-align:center;padding:25px 40px 43px}.finish-illustration{font-size:65px;margin-bottom:12px}.lesson-finish h2{margin:12px 0}.lesson-finish p{color:var(--en-muted);line-height:1.6}.finish-actions{display:flex;gap:22px;justify-content:center;align-items:center;margin-top:27px}.english-text-button{background:none;border:0;color:var(--en-green);font-weight:800}@media(max-width:800px){.english-hero{gap:30px}.english-lesson-grid{grid-template-columns:1fr}.english-stats>div{padding:16px}.english-stats strong{font-size:20px}}@media(max-width:600px){.english-topbar{height:66px;padding:0 18px}.english-brand{font-size:16px}.english-brand-icon{width:31px;height:31px}.english-back{font-size:0}.english-back i{font-size:18px}.english-shell{padding:0 18px}.english-hero{grid-template-columns:1fr;gap:24px;padding:40px 0 30px}.english-hero h1{font-size:45px}.english-hero p{font-size:15px}.hero-photo{height:220px;transform:none}.english-stats{grid-template-columns:1fr 1fr;gap:9px;margin:0 0 58px}.english-stats>div{padding:12px;gap:7px}.english-stats>div:last-child{grid-column:1/-1}.english-stats i{width:35px;height:35px}.english-stats strong{font-size:18px}.english-stats small{font-size:10px}.english-section-title{margin-bottom:35px}.english-level{margin-bottom:49px}.english-level-heading{gap:10px}.english-level-heading h3{font-size:19px}.english-level-heading p{font-size:11px}.level-questions{font-size:10px;padding:6px}.english-lesson{min-height:145px}.lesson-photo{width:33%}.lesson-content{padding:14px}.lesson-content strong{font-size:18px}.english-overlay{padding:7px}.english-dialog{max-height:calc(100dvh - 14px);border-radius:16px}.dialog-photo{height:132px}.dialog-place{left:18px;top:28px}.dialog-place strong{font-size:24px}.photo-credit{font-size:9px}.dialog-top{padding:13px 18px 0}.dialog-body{padding:13px 19px 24px}.dialog-body h2{font-size:24px;margin:16px 0}.mission-line{font-size:12px}.lesson-finish{padding:20px 20px 30px}.finish-actions{flex-direction:column;gap:18px}}.english-credit-note span{display:inline-block;margin:3px 9px}.english-credit-note a{color:#286f55;text-decoration:underline}