:root{--navy:#0d2f55;--blue:#2563eb;--green:#22c55e;--ink:#172033;--muted:#667085;--line:#e7ebf2;--soft:#f4f7fb;--shadow:0 18px 45px #11244517}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.logo{align-items:center;gap:10px;display:flex}.logoMark{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;display:grid;transform:skew(-7deg)}.logo strong{color:var(--navy);font-size:18px;line-height:17px;display:block}.logo small{color:var(--blue);letter-spacing:2px;font-size:10px;font-weight:800;display:block}.publicHeader{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#fffffff5;justify-content:space-between;align-items:center;height:78px;padding:0 6vw;display:flex;position:sticky;top:0}.publicHeader nav,.headerActions,.heroActions{align-items:center;gap:24px;display:flex}.button{background:var(--blue);cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:800;display:inline-flex;color:#fff!important}.large{padding:15px 22px}.ghost{color:var(--navy);font-weight:750}.ghostButton{border:1px solid var(--line);border-radius:10px;padding:14px 20px;font-weight:750}.hero{background:radial-gradient(circle at 80% 20%,#e9f2ff 0,#0000 30%),linear-gradient(#fff,#f9fbff);grid-template-columns:1.1fr .8fr;align-items:center;gap:7vw;min-height:610px;padding:90px 8vw;display:grid}.eyebrow{color:var(--blue);letter-spacing:1.7px;margin-bottom:12px;font-size:12px;font-weight:900;display:block}.hero h1{color:var(--navy);letter-spacing:-3px;margin:0 0 24px;font-size:clamp(44px,6vw,76px);line-height:.98}.hero h1 em{color:var(--blue);font-style:normal}.hero p{color:var(--muted);font-size:20px;line-height:1.6}.heroCard,.continueCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:32px}.progress{background:#e9edf4;border-radius:99px;height:9px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--blue),var(--green));border-radius:99px;height:100%;display:block}.miniLesson{background:var(--soft);border-radius:10px;margin-top:10px;padding:14px 16px;font-weight:700}.done{color:#118344}.locked{color:#7f8794}.section{padding:85px 8vw}.section h2{color:var(--navy);max-width:760px;font-size:42px}.featureGrid,.priceGrid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px;display:grid}.featureGrid article,.priceGrid article{border:1px solid var(--line);border-radius:16px;padding:28px}.priceGrid{grid-template-columns:repeat(3,1fr)}.priceGrid strong{color:var(--navy);font-size:32px;display:block}.featured{border:2px solid var(--blue)!important}.authPage{background:var(--soft);place-items:center;min-height:100vh;padding:35px;display:grid}.authPanel{width:min(480px,100%)}.authPanel>.logo{justify-content:center;margin-bottom:28px}.authCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:36px}.authCard h1{color:var(--navy);margin:0;font-size:36px}.authCard>p{color:var(--muted);line-height:1.6}.authForm{gap:16px;margin-top:24px;display:grid}.authForm label{gap:7px;font-weight:750;display:grid}.authForm input{width:100%;font:inherit;border:1px solid #d7dce5;border-radius:9px;padding:14px}.authButton{justify-content:center;font-size:15px}.authSwitch{text-align:center;font-size:14px}.authSwitch a{color:var(--blue);font-weight:800}.appShell{background:var(--soft);grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:28px 22px;display:flex}.sidebar nav{gap:8px;margin-top:48px;display:grid}.sidebar nav a{color:#566174;border-radius:10px;padding:13px;font-weight:700}.sidebar nav a.active{color:var(--blue);background:#edf4ff}.sidebar>small{color:#98a0ad;margin-top:auto}.dashboard{padding:45px 5vw}.dashboard>header{justify-content:space-between;align-items:center;display:flex}.dashboard h1{color:var(--navy);margin:0;font-size:42px}.dashboard header p{color:var(--muted)}.avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.continueCard{justify-content:space-between;align-items:center;margin:30px 0;display:flex}.continueCard>div{min-width:55%}.continueCard h2{color:var(--navy);margin:8px 0}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:40px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.stats strong{color:var(--navy);font-size:27px;display:block}.stats span{color:var(--muted);font-size:13px}.lessonList{gap:10px;display:grid}.lessonList article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:18px;padding:16px 20px;display:flex}.lessonList article>div{flex:1}.lessonList h3,.lessonList p{margin:3px}.lessonList p{color:var(--muted);font-size:13px}.statusFree{color:#168346;background:#eaf9f0;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:900}.journeyPage{background:var(--soft);min-height:100vh;padding:55px max(24px,8vw)}.journeyHeader{justify-content:space-between;align-items:end;gap:40px;max-width:1050px;margin:auto;display:flex}.journeyHeader h1{color:var(--navy);margin:0;font-size:46px}.journeyHeader p{color:var(--muted)}.levelProgress{border:1px solid var(--line);background:#fff;border-radius:14px;width:230px;padding:18px}.levelProgress strong{color:var(--navy);font-size:28px;display:block}.levelProgress span{color:var(--muted);font-size:12px}.levelProgress .progress{margin-top:12px}.journeyList{gap:10px;max-width:1050px;margin:35px auto;display:grid}.journeyLesson{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:20px;padding:18px 22px;display:flex}.journeyLesson.current{border:2px solid #bcd2ff;box-shadow:0 10px 30px #2563eb14}.journeyLesson>b{color:#98a2b3;width:40px}.journeyCopy{flex:1}.journeyCopy h2{color:var(--navy);margin:0;font-size:18px}.journeyCopy p{color:var(--muted);margin:5px 0 0;font-size:13px}.lessonAction{color:var(--blue);font-weight:850}.lessonLock{color:#8b94a3;font-size:12px;font-weight:750}.lessonPage{max-width:850px;margin:auto;padding:36px 24px 90px}.lessonTop{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:24px;font-size:13px;display:flex}.lessonTop a{color:var(--blue);font-weight:750}.lessonHero{padding:55px 0 35px}.lessonHero h1{color:var(--navy);margin:0 0 18px;font-size:48px;line-height:1.05}.lessonHero>p{color:var(--muted);max-width:760px;font-size:19px;line-height:1.7}.lessonMeta{gap:12px;margin-top:22px;display:flex}.lessonMeta span{background:var(--soft);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:750}.lessonBlock{background:#eef5ff;border:1px solid #d9e7ff;border-radius:16px;gap:18px;margin:20px 0 40px;padding:24px;display:flex}.lessonBlock.tip{background:#f0fbf4;border-color:#d7f2df}.blockIcon{font-size:25px}.lessonBlock h2{color:var(--navy);margin:0 0 7px}.lessonBlock p{margin:0;line-height:1.65}.lessonContent{border-bottom:1px solid var(--line);padding:30px 0}.lessonContent h2{color:var(--navy);font-size:30px}.lessonContent>p{color:#4f5b6d;line-height:1.8}.examplePair{background:var(--soft);border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:22px;padding:18px 22px;display:grid}.examplePair p{margin:0;line-height:1.6}.pronounTable{border:1px solid var(--line);border-radius:15px;overflow:hidden}.pronounTable article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;gap:18px;padding:17px 20px;display:grid}.pronounTable article:last-child{border:0}.pronounTable article>strong{color:var(--blue);font-size:25px}.pronounTable b{color:var(--navy)}.pronounTable p{margin:5px 0}.pronounTable small{color:var(--muted)}.practiceGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.practiceGrid article{background:var(--soft);border-radius:10px;justify-content:space-between;padding:16px;display:flex}.practiceGrid span{color:var(--blue);font-weight:850}.challenge{background:linear-gradient(135deg,#f7faff,#f1fbf5);border:0;border-radius:16px;margin-top:35px;padding:28px}.lessonFooter{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:35px;padding-top:30px;display:flex}.lessonFooter span{color:var(--muted);font-size:12px;display:block}.lessonFooter strong{color:var(--navy)}.quizSection{margin-top:20px;padding:30px 0}.quizSection>h2{color:var(--navy);margin:0 0 10px;font-size:34px}.quizSection>p{color:var(--muted);margin-bottom:24px}.quizQuestions{gap:16px;display:grid}.quizQuestion{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.quizPrompt{align-items:center;gap:12px;margin-bottom:14px;display:flex}.quizPrompt span{width:28px;height:28px;color:var(--blue);background:#edf4ff;border-radius:50%;place-items:center;font-weight:900;display:grid}.quizPrompt strong{color:var(--navy);font-size:18px}.quizOptions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quizOptions button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:10px;padding:12px;font-weight:750}.quizOptions button.selected{border-color:var(--blue);color:var(--blue);background:#edf4ff}.quizOptions button.correct{color:#117a3a;background:#edfbf2;border-color:#86d69f}.quizOptions button.wrong{color:#b42318;background:#fff0f0;border-color:#efabab}.answerRight,.answerWrong{margin-top:10px;font-weight:800;display:block}.answerRight{color:#168346}.answerWrong{color:#b42318}.quizSubmit{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.quizSubmit span{color:var(--muted);font-size:13px}.quizSubmit button:disabled{opacity:.45;cursor:not-allowed}.quizResult{background:linear-gradient(135deg,#f7faff,#f2fbf6);border:1px solid #d9e7ff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:28px;padding:24px;display:grid}.resultBadge{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:22px;font-weight:900;display:grid}.quizResult h3{color:var(--navy);margin:0}.quizResult p{color:var(--muted);margin:6px 0}.achievement{background:#fff;border:1px solid #dbe9df;border-radius:12px;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}.achievement>span{font-size:28px}.achievement b,.achievement strong{display:block}.achievement b{color:#168346;text-transform:uppercase;letter-spacing:.8px;font-size:11px}.achievement strong{color:var(--navy)}.plansPage{background:linear-gradient(#f7faff 0,#fff 55%);min-height:100vh;padding:36px max(24px,7vw) 80px}.plansTop{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;display:flex}.plansTop>a{color:var(--blue);font-weight:800}.plansTop .eyebrow{margin:0}.plansHero{text-align:center;max-width:760px;margin:70px auto 45px}.plansHero h1{color:var(--navy);margin:0 0 18px;font-size:48px;line-height:1.08}.plansHero p{color:var(--muted);font-size:18px;line-height:1.65}.appPlansGrid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;max-width:1100px;margin:auto;display:grid}.appPlanCard{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:30px;display:flex;position:relative;box-shadow:0 12px 35px #1124450f}.appPlanCard.recommended{border:2px solid var(--blue);transform:translateY(-8px);box-shadow:0 20px 50px #2563eb21}.recommendedBadge{background:var(--blue);color:#fff;letter-spacing:1px;white-space:nowrap;border-radius:99px;padding:7px 13px;font-size:10px;font-weight:900;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.appPlanCard h2{color:var(--navy);margin:6px 0 18px;font-size:25px}.planPrice{align-items:baseline;gap:8px;display:flex}.planPrice strong{color:var(--navy);font-size:35px}.planPrice span{color:var(--muted);font-size:12px}.appPlanCard>p{min-height:74px;color:var(--muted);line-height:1.55}.appPlanCard ul{flex:1;gap:11px;margin:18px 0 28px;padding:0;list-style:none;display:grid}.appPlanCard li{color:#455166;font-size:14px}.appPlanCard li:first-letter{color:var(--green)}.planButton,.currentPlanButton{justify-content:center;width:100%}.currentPlanButton{color:#7d8795;background:#f5f7fa;border:1px solid #dfe4ec;border-radius:10px;padding:12px 18px;font-weight:800}.guaranteeCard{background:#f0fbf4;border:1px solid #d6f0df;border-radius:18px;align-items:flex-start;gap:18px;max-width:850px;margin:45px auto 0;padding:24px 28px;display:flex}.guaranteeCard>span{font-size:30px}.guaranteeCard h2{color:var(--navy);margin:2px 0 7px;font-size:20px}.guaranteeCard p{color:#536171;margin:0;line-height:1.6}.plansFinePrint{text-align:center;color:#8b94a3;max-width:760px;margin:22px auto 0;font-size:12px;line-height:1.5}@media (max-width:900px){.publicHeader nav{display:none}.hero{grid-template-columns:1fr}.featureGrid,.priceGrid{grid-template-columns:1fr 1fr}.appShell{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:1fr 1fr}.journeyHeader{flex-direction:column;align-items:start}.levelProgress{width:100%}.appPlansGrid{grid-template-columns:1fr}.appPlanCard.recommended{margin-top:10px;transform:none}}@media (max-width:600px){.hero{padding:50px 20px}.featureGrid,.priceGrid,.stats,.practiceGrid,.quizOptions{grid-template-columns:1fr}.section{padding:60px 20px}.continueCard{flex-direction:column;align-items:flex-start;gap:20px}.dashboard{padding:30px 20px}.journeyHeader h1,.lessonHero h1,.plansHero h1{font-size:36px}.journeyLesson{align-items:flex-start}.lessonLock,.lessonAction{margin-left:auto}.examplePair{grid-template-columns:1fr}.examplePair>span{display:none}.lessonFooter{flex-direction:column;align-items:flex-start;gap:20px}.quizSubmit{flex-direction:column;align-items:flex-start;gap:14px}.quizResult{grid-template-columns:1fr;align-items:start}.resultBadge{width:66px;height:66px}.plansTop{flex-direction:column;align-items:flex-start;gap:16px}.plansHero{text-align:left;margin-top:50px}.guaranteeCard{flex-direction:column}}.avatarButton{cursor:pointer;font:inherit;border:0}.accountMenu{position:relative}.accountDropdown{z-index:30;background:#fff;border:1px solid #dbe4f0;border-radius:14px;width:210px;padding:10px;position:absolute;top:56px;right:0;box-shadow:0 18px 45px #0d2f5529}.accountDropdownHeader{color:var(--navy);border-bottom:1px solid #e8eef6;flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.accountDropdownHeader span{color:#64748b;font-size:12px;font-weight:500}.accountDropdown button{text-align:left;color:#b42318;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;margin-top:8px;padding:10px;font-weight:700}.accountDropdown button:hover{background:#fff1f0}.accountDropdown button:disabled{opacity:.6;cursor:default}.summaryTable{border:1px solid var(--line);background:#fff;border-radius:15px;margin-top:22px;overflow:hidden}.summaryHead,.summaryRow{grid-template-columns:1fr 1.15fr 1.35fr;align-items:center;gap:18px;padding:13px 14px;display:grid}.summaryHead{background:var(--soft);color:var(--navy)}.summaryRow{border-top:1px solid var(--line)}.summaryRow>strong{color:var(--blue)}.summaryRow span:last-child{flex-direction:column;gap:3px;display:flex}.summaryRow small{color:var(--muted);font-size:12px}@media (max-width:600px){.summaryHead,.summaryRow{grid-template-columns:.9fr 1fr 1.3fr;gap:8px;padding:11px 10px;font-size:13px}}