*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1b2521;-webkit-font-smoothing:antialiased;background:#f7f7f4;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #85a9fb}.hidden{display:none!important}.app-shell{grid-template-columns:254px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e7e9e6;flex-direction:column;height:100vh;min-height:100vh;padding:29px 17px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:3px 8px 43px;display:flex}.brand-icon{color:#fff;letter-spacing:-3px;background:#194d3d;border-radius:12px;place-items:center;width:43px;height:43px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;display:grid}.brand-dot{color:#bff189}.brand-name{letter-spacing:-1px;font-family:Space Grotesk;font-size:19px;font-weight:700;line-height:1;display:block}.brand-secondary{color:#4d986b}.brand-name small{letter-spacing:1.5px;color:#8f9893;margin-top:7px;font-family:DM Sans;font-size:9px;font-weight:800;display:block}.side-label{letter-spacing:1.4px;color:#9aa19b;margin:0 10px 15px;font-size:10px;font-weight:800}.side-nav{flex-direction:column;gap:5px;display:flex}.nav-link{text-align:left;color:#63716a;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 11px;font-weight:650;display:flex}.nav-link:hover{color:#245843;background:#f4f7f4}.nav-link.active{color:#18563d;background:#eaf3e9;font-weight:800}.nav-symbol{justify-content:center;align-items:center;width:23px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:500;line-height:15px;display:inline-flex}.exam-nav{color:#225946;margin-top:8px}.side-pill{letter-spacing:.7px;color:#86721c;background:#f4efd8;border-radius:5px;margin-left:auto;padding:5px 6px;font-size:8px}.side-label-second{margin-top:48px}.side-progress{padding:0 10px}.mini-row{color:#78837b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.mini-row strong{color:#1a5039}.progress-track{background:#e9eee9;border-radius:50px;height:7px;margin-top:12px;overflow:hidden}.progress-fill{background:#367c5d;border-radius:50px;width:0;height:100%;transition:width .25s}.side-progress p{color:#95a39b;font-size:11px}.side-bottom{color:#858e88;border-top:1px solid #f0f1ee;align-items:center;gap:6px;margin-top:auto;padding:19px 7px 1px;font-size:11px;display:flex}.status-dot,.small-dot{background:#8cc58c;border-radius:50%;width:7px;height:7px;display:inline-block}.side-version{margin-left:auto}.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e7e9e6;justify-content:space-between;align-items:center;height:77px;padding:0 50px;display:flex}.breadcrumb{letter-spacing:1px;color:#a2aaa3;font-size:11px;font-weight:800}.breadcrumb span{color:#cbd2ca;margin:0 12px}.breadcrumb b{color:#355b45}.topbar-right{color:#7c8880;align-items:center;gap:8px;font-size:12px;display:flex}.topbar-right b{color:#295e43}.streak-mark{color:#d99449;font-size:20px}.icon-button,.mobile-menu{color:#637e6e;background:#fff;border:1px solid #e7eae5;border-radius:9px;width:34px;height:34px;margin-left:17px;font-size:18px}.mobile-menu{display:none}.content{max-width:1390px;margin:0 auto;padding:36px 50px 20px}.hero{color:#fff;background:#1d4f3c;border-radius:18px;grid-template-columns:1.2fr 1fr;min-height:288px;padding:39px 44px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.eyebrow{letter-spacing:1.65px;color:#7a9583;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.eyebrow.light{color:#c6e1c8}.hero h1{letter-spacing:-2.1px;margin:19px 0 13px;font:700 clamp(30px,3.4vw,49px)/1.13 Space Grotesk,sans-serif}.hero h1 em{color:#c3e49d;font-style:normal}.hero p{color:#bdd8c6;margin:0 0 22px;font-size:13px;line-height:1.65}.btn{border:0;border-radius:9px;justify-content:center;align-items:center;gap:16px;padding:12px 17px;font-size:12px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-white{color:#174735;background:#fff}.btn-white span{margin-left:14px;font-size:18px}.btn-dark{color:#fff;background:#205a43}.btn-dark:hover{background:#123f2e}.btn-error{color:#af413e;background:#fff0ef;border:1px solid #f2c9c5}.btn-success{color:#217046;background:#e7f4e7;border:1px solid #bfe3c6}.btn-wide{width:100%;padding:16px}.hero-art{height:100%;position:relative}.orbit{border:1px solid #c0e7ad3b;border-radius:50%;width:470px;height:470px;position:absolute;top:-42%;left:1%}.orbit-two{border-style:dashed;width:320px;height:320px;top:-12%;left:17%}.hero-ring{letter-spacing:-6px;color:#164b35;background:#a9d98b;border-radius:50%;justify-content:center;align-items:center;width:205px;height:205px;font:700 72px Space Grotesk;display:flex;position:absolute;top:8%;left:33%;transform:rotate(-14deg);box-shadow:15px 22px #326851}.hero-ring span{font-size:26px;position:absolute;top:27px;right:34px}.hero-word{z-index:2;color:#265440;background:#f9faf5;border-radius:8px;padding:10px 17px;font-family:Space Grotesk;font-size:15px;font-weight:700;position:absolute;transform:rotate(-8deg);box-shadow:0 14px 30px #133a2b55}.hero-word.w1{top:13%;left:4%}.hero-word.w2{font-size:12px;top:66%;left:11%;transform:rotate(8deg)}.hero-word.w3{background:#edc9ac;top:17%;right:-1%;transform:rotate(11deg)}.section-heading{justify-content:space-between;align-items:end;margin:40px 0 18px;display:flex}.section-heading h2{letter-spacing:-1px;margin:6px 0 0;font:700 26px Space Grotesk}.section-heading.lower{margin-top:43px}.quiet{color:#9aa39b;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{background:#fff;border:1px solid #e7ebe6;border-radius:12px;min-height:142px;padding:19px}.stat-top{color:#69776e;justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.stat-icon{border-radius:8px;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.peach{color:#bf7641;background:#fff1e6}.purple{color:#8b6dbf;background:#f0eaff}.yellow{color:#b69d48;background:#fbf4dc}.green{color:#519171;background:#e5f4eb}.stat-card strong{letter-spacing:-1px;margin:10px 0 3px;font:700 31px Space Grotesk;display:block}.stat-card small{color:#9da59d;font-size:11px}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.activity-card{text-align:left;background:#fff;border:1px solid #e8ebe7;border-radius:13px;flex-direction:column;align-items:flex-start;min-height:235px;padding:13px 18px 19px;transition:transform .2s,border-color .2s;display:flex;position:relative}.activity-card:hover,.category-card:hover{border-color:#a9cbaf;transform:translateY(-4px)}.activity-illustration{border-radius:8px;justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:16px;font:700 44px Space Grotesk;display:flex;position:relative}.activity-illustration i{font-size:24px;font-style:normal;position:absolute}.illustration-flash{color:#98673f;background:#f2e9dd}.illustration-flash i{font-size:17px;bottom:12px;right:34%}.illustration-clock{color:#4e855e;background:#e4f1df;font-size:69px}.illustration-clock i{background:#e4f1df;font-size:12px;bottom:22px}.illustration-context{color:#8977ba;background:#efebf7}.illustration-context i{font-size:27px;right:29%}.illustration-exam{color:#d19d56;background:#f7eddc}.illustration-exam span{color:#51805e;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:19px;display:grid;position:absolute;top:20px;right:30%}.activity-overline{letter-spacing:1.1px;color:#92a097;font-size:9px;font-weight:800}.activity-card strong{margin:7px 0;font:700 18px Space Grotesk}.activity-card>span:nth-last-child(2){color:#87958a;max-width:180px;font-size:11px;line-height:1.5}.activity-arrow{color:#376949;font-size:18px;position:absolute;bottom:19px;right:17px}.category-count{vertical-align:middle;color:#688275;letter-spacing:0;background:#e7ebe7;border-radius:30px;padding:4px 8px;font-size:12px}.subtle-link{color:#2d6a4c;background:0 0;border:0;font-size:12px;font-weight:800}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.category-card{text-align:left;background:#fff;border:1px solid #e7ebe7;border-radius:12px;flex-direction:column;min-height:167px;padding:15px;transition:transform .2s,border-color .2s;display:flex;position:relative}.category-index{color:#b7bfb8;letter-spacing:1px;font-size:10px;font-weight:800}.category-symbol{color:#539577;background:#edf5ed;border-radius:9px;padding:7px;font-size:16px;line-height:21px;position:absolute;top:15px;right:15px}.category-card strong{margin-top:27px;font:700 15px Space Grotesk}.category-card small{color:#909b92;margin-top:5px;font-size:11px}.category-bottom{color:#59906b;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:11px;font-weight:800;display:flex}.footer{letter-spacing:1.1px;color:#a8b0a8;border-top:1px solid #e5e9e3;margin-top:65px;padding:23px 0;font-size:9px;font-weight:800}.footer span{margin:0 11px}.view{animation:.22s appear}@keyframes appear{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-heading{padding:10px 0 25px}.page-heading h1{letter-spacing:-2px;margin:10px 0;font:700 clamp(32px,4vw,49px)/1.15 Space Grotesk}.heading-dot{color:#6dab83}.page-heading p{color:#7e8a81;max-width:690px;margin:0;line-height:1.7}.control-panel{flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 31px;display:flex}.control-panel label,.exam-fields label{color:#788b7c;letter-spacing:1px;flex-direction:column;gap:8px;font-size:10px;font-weight:800;display:flex}.select{color:#344c3e;letter-spacing:0;cursor:pointer;background:#fff;border:1px solid #dfe6df;border-radius:8px;min-width:185px;max-width:100%;padding:11px 13px;font-size:12px;font-weight:700}.study-header{color:#8c9a8f;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.study-track{margin:12px 0 24px}.flashcard{cursor:pointer;user-select:none;background:#fff;border:1px solid #e1e8dd;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:370px;padding:27px;transition:background .2s,transform .2s;display:flex;box-shadow:0 16px 34px #152c1610}.flashcard:hover{transform:translateY(-2px)}.flashcard.revealed{background:#edf5ea;border-color:#c7dccb}.flashcard-top,.flashcard-footer{color:#879a8a;letter-spacing:1.5px;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.flip-icon{color:#5d916f;font-size:24px}.flashcard-center{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:30px 10px;display:flex}.flashcard-center #card-question{overflow-wrap:anywhere;max-width:810px;font:700 clamp(25px,3.1vw,42px)/1.25 Space Grotesk}.flashcard-hint{color:#9aa99c;font-size:12px}.flashcard-footer span{color:#70a982;font-size:18px}.answer-actions{justify-content:center;gap:13px;margin:25px 0;display:flex}.answer-actions .btn{min-width:160px}.center-note{text-align:center;color:#99a69c;margin:20px 0}.question-panel{background:#fff;border:1px solid #e3e8e2;border-radius:16px;max-width:880px;padding:30px}.question-top{color:#789381;letter-spacing:1.3px;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.question-prompt{overflow-wrap:anywhere;margin:35px 0 10px;font:700 clamp(24px,3vw,39px)/1.25 Space Grotesk}.question-caption{color:#92a197;margin-bottom:24px;font-size:12px}.answer-input{color:#213d2e;border:1px solid #d8e2d9;border-radius:9px;outline:none;width:100%;max-width:600px;padding:16px 17px;font-size:15px}.answer-input:focus{border-color:#53916d}.question-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.feedback{color:#255b3e;background:#e8f4e9;border-left:3px solid #44946e;border-radius:10px;margin:22px 0 0;padding:16px 18px;line-height:1.65}.feedback.bad{color:#8b4a35;background:#fff1eb;border-color:#dc8660}.feedback strong{margin-bottom:5px;display:block}.feedback p{margin:5px 0}.feedback small{opacity:.85}.lesson-strip{background:#fcf9e8;border:1px solid #e2e4c7;border-radius:11px;gap:15px;margin-bottom:25px;padding:17px 20px;display:flex}.lesson-icon{font-size:22px}.lesson-strip strong{color:#705c25}.lesson-strip p{color:#776b47;margin:5px 0 0;font-size:12px;line-height:1.6}.clock-display{justify-content:center;align-items:center;gap:30px;margin:28px 0;display:flex}.clock-face{background:#fff;border:9px solid #e2e9df;border-radius:50%;width:192px;height:192px;position:relative;box-shadow:0 2px 10px #2835290d}.clock-face:before{content:"";z-index:3;background:#1a4d38;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-hand{transform-origin:bottom;background:#1d4e39;border-radius:3px;position:absolute;bottom:50%;left:calc(50% - 2px)}.clock-hand.hour{width:5px;height:51px}.clock-hand.minute{background:#a4bc73;width:3px;height:68px}.clock-number{color:#748875;font-size:12px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-digital{letter-spacing:-2px;color:#20503b;font:700 45px Space Grotesk}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px;display:grid}.option{text-align:left;color:#284d38;background:#fff;border:1px solid #e1e8df;border-radius:10px;padding:15px;font-weight:700;line-height:1.45}.option:hover{background:#f7faf5;border-color:#77ad85}.option.chosen{background:#e9f4e9;border-color:#3c9065}.option.correct{background:#e3f5e8;border-color:#2d8c59}.option.wrong{background:#fff0eb;border-color:#cc756e}.option:disabled{cursor:default}.grammar-list{gap:12px;max-width:890px;display:grid}.grammar-item{background:#fff;border:1px solid #e4e9e3;border-radius:12px;overflow:hidden}.grammar-item summary{cursor:pointer;align-items:center;gap:16px;padding:20px;font:700 17px Space Grotesk;list-style:none;display:flex}.grammar-item summary::-webkit-details-marker{display:none}.grammar-item summary:after{content:"+";color:#64916f;margin-left:auto;font-size:23px}.grammar-item[open] summary:after{content:"−"}.grammar-item .grammar-text{color:#5e7463;padding:0 23px 23px;line-height:1.85}.grammar-text strong{color:#245b3d}.grammar-text code{color:#275b3f;background:#f0f5ed;border-radius:5px;padding:2px 6px;font-family:DM Sans;font-weight:800}.grammar-text p{margin:9px 0}.grammar-text table{border-collapse:collapse;width:100%;max-width:650px;margin:13px 0}.grammar-text td,.grammar-text th{text-align:left;border-bottom:1px solid #ebefeb;padding:8px}.exam-config{text-align:center;background:#fff;border:1px solid #e2e9e2;border-radius:16px;max-width:650px;margin:18px auto;padding:40px}.exam-big-icon{color:#397b53;background:#e9f2e6;border-radius:19px;place-items:center;width:72px;height:72px;margin:0 auto;font-size:42px;display:grid}.exam-config h2{margin:18px 0 4px;font:700 28px Space Grotesk}.exam-config>p{color:#8a998e}.exam-fields{text-align:left;gap:14px;margin:30px 0;display:grid}.exam-fields .select{width:100%}.test-item{background:#fff;border:1px solid #e3e9e3;border-radius:12px;margin-bottom:12px;padding:22px}.test-number{letter-spacing:1.2px;color:#8a9c8c;font-size:10px;font-weight:800}.test-prompt{margin:15px 0;font:700 20px Space Grotesk}.test-item input{border:1px solid #dce8dc;border-radius:7px;width:100%;padding:12px 14px;font-size:14px}.test-item .options-grid{margin-top:11px}.test-footer{background:#ffffffed;border:1px solid #e4e9e3;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:15px;display:flex;position:sticky;bottom:0;box-shadow:0 -5px 20px #1629160b}.score-ring{color:#275b40;border:10px solid #b5dbc1;border-radius:50%;place-items:center;width:110px;height:110px;margin:0 auto 15px;font:700 28px Space Grotesk;display:grid}.results-head{text-align:center;background:#fff;border:1px solid #e5eae5;border-radius:14px;margin-bottom:24px;padding:30px}.results-head h2{font:700 25px Space Grotesk}.results-head p{color:#809183}.review-result{border-bottom:1px solid #edf0ec;padding:16px 0}.review-result strong{display:block}.review-result small{color:#87958a;margin:7px 0;display:block}.review-result.correct strong{color:#35825b}.review-result.wrong strong{color:#aa5b49}#toast{z-index:90;color:#fff;opacity:0;pointer-events:none;background:#1d4f3c;border-radius:10px;max-width:340px;padding:13px 19px;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}#toast.visible{opacity:1;transform:translateY(0)}@media (width<=1230px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.content{padding:30px}.topbar{padding:0 30px}.stats-grid,.activity-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-ring{width:160px;height:160px;font-size:55px}.hero-art{min-height:200px}.hero-word.w3{right:0}}@media (width<=760px){.app-shell{display:block}.sidebar{z-index:60;width:265px;transition:left .2s;position:fixed;left:-300px;box-shadow:10px 0 30px #0001}.sidebar.open{left:0}.mobile-menu{margin:0 13px 0 0;display:block}.topbar{justify-content:flex-start;height:61px;padding:0 18px}.breadcrumb{font-size:10px}.topbar-right{margin-left:auto}.topbar-right>span:last-of-type{display:none}.topbar-right .icon-button{margin-left:5px}.content{padding:18px}.hero{min-height:300px;padding:28px;display:block}.hero h1{font-size:33px}.hero-art{opacity:.42;pointer-events:none;width:250px;position:absolute;bottom:-140px;right:-60px}.hero-ring{top:0;left:20%}.hero-word{display:none}.section-heading{align-items:flex-start}.quiet{display:none}.stats-grid{gap:9px}.stat-card{min-height:123px;padding:13px}.stat-card strong{font-size:25px}.stat-top{font-size:10px}.activity-grid,.category-grid{gap:9px}.activity-card{min-height:205px;padding:10px}.activity-illustration{height:78px;margin-bottom:10px}.activity-card strong{font-size:16px}.activity-card>span:nth-last-child(2){font-size:10px}.category-card{min-height:145px;padding:12px}.category-card strong{font-size:13px}.category-card small{font-size:10px}.category-symbol{top:11px;right:10px}.control-panel{gap:10px}.control-panel label{flex:150px}.select{width:100%;min-width:0}.control-panel .btn{flex:100%}.flashcard{min-height:310px;padding:20px}.flashcard-center #card-question{font-size:26px}.options-grid{grid-template-columns:1fr}.question-panel{padding:19px}.clock-display{gap:16px}.clock-face{width:156px;height:156px}.clock-hand.hour{height:40px}.clock-hand.minute{height:55px}.clock-digital{font-size:32px}.exam-config{padding:24px}.footer{line-height:2}}@media (width<=390px){.stats-grid,.activity-grid{grid-template-columns:1fr 1fr}.activity-illustration{font-size:32px}.activity-card{min-height:215px}.category-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:29px}.topbar-right{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
