@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#23384c;background:#f6f8fc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4b34d;outline-offset:2px}.shell{max-width:1170px;margin:auto;padding:0 24px}.top{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #e6edf5}.nav{min-height:76px;display:flex;align-items:center;gap:24px;justify-content:space-between}.logo{background:none;border:0;color:#155a78;font-size:22px;font-weight:800;display:flex;align-items:center;gap:9px;text-align:left}.logo span{font-size:17px}.navlinks{display:flex;gap:6px}.navlinks button,.linkbtn{background:transparent;border:0;color:#36556d;padding:12px;font-weight:700}.navlinks button:hover,.linkbtn:hover{color:#047b9e}.pill,.tag,.eyebrow{display:inline-block;border-radius:999px;padding:8px 12px;background:#e7f5fa;color:#126581;font-weight:800;font-size:12px}.eyebrow{letter-spacing:.12em}.hero-v2{background:linear-gradient(125deg,#e9f7fd,#f1f2ff 65%,#fff5e8);padding:66px 0 76px}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.hero-v2 h1{font:800 clamp(40px,5vw,66px)/1.08 Outfit,sans-serif;letter-spacing:-2px;margin:22px 0}.hero-v2 h1 em{font-style:normal;color:#0089aa}.hero-v2 p{font-size:18px;line-height:1.7;max-width:580px;color:#53677c}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-note{color:#667b90}.hero-visual{min-height:330px;position:relative;display:grid;place-items:center}.floating-book{font-size:130px;filter:drop-shadow(0 20px 25px #9ab5c6);transform:rotate(-9deg)}.float-chip{position:absolute;background:white;padding:15px 18px;border-radius:18px;box-shadow:0 14px 35px #668da529;font-weight:800;font-size:14px}.one{top:22px;left:0}.two{right:0;top:110px}.three{bottom:10px;left:12%}.section{padding-top:48px;padding-bottom:45px}.section h2,.page-head h1{font:800 32px Outfit,sans-serif;margin:0 0 12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{margin:0}.muted{color:#718397}.grade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.grade-tile{border:1px solid #e4eaf2;background:white;border-radius:18px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 15px #24456008}.grade-tile:hover,.selected-grade{border-color:#27a6c3;background:#effaff}.grade-emoji{font-size:29px}.grade-tile small{color:#77899a;font-size:11px}.steps-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-v2,.learn-card,.stat,.sidebar-box,.lesson-panel{background:white;border:1px solid #e5ecf4;border-radius:20px;padding:24px;box-shadow:0 8px 30px #2b50730a}.step-v2 span{font-size:36px}.step-v2 h3{margin:12px 0 6px}.step-v2 p{color:#6d8094;margin:0;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.learn-card{display:flex;flex-direction:column;min-height:250px}.learn-card h3{font:800 21px Outfit,sans-serif;margin:16px 0 8px}.learn-card p{color:#66798b;font-size:14px;line-height:1.6;flex:1}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-bottom{margin-top:20px}.card-bottom span{font-size:12px}.bookmark{border:0;background:#f3f7fb;border-radius:10px;color:#bc830c;font-size:22px;padding:5px 11px}.btn{border:0;background:#e7f3f8;color:#126681;font-weight:800;padding:11px 16px;border-radius:11px;white-space:nowrap}.btn:hover{filter:brightness(.96)}.btn.primary{background:#007e9f;color:white}.btn.light{background:white;color:#14617c;border:1px solid #d8e5ed}.btn.large{padding:15px 22px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.danger{background:#fff0ee;color:#a6362c}.success-text{color:#238052;font-weight:800}.footer{background:#143c57;color:white;padding:38px 0;margin-top:35px}.footer p,.footer small{color:#c5d9e5;line-height:1.7}.page-head{margin-bottom:28px}.page-head h1{font-size:42px;margin:15px 0}.page-head p{max-width:760px;line-height:1.7}.toolbar{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px;padding:18px;background:white;border:1px solid #e3ebf2;border-radius:18px}.toolbar label{font-size:13px;font-weight:800;color:#48657a;display:flex;flex-direction:column;gap:8px}.toolbar select,.toolbar input{border:1px solid #dce6ef;background:#fff;padding:13px;border-radius:11px;color:#23384c;min-width:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filter{border:1px solid #dbe5ed;background:white;padding:10px 15px;border-radius:999px;color:#557086}.filter.active{background:#14617c;color:white}.empty{text-align:center;background:white;border:1px dashed #cddbe7;border-radius:20px;padding:60px 20px}.empty span{font-size:45px}.empty p{color:#718397}.back{border:0;background:transparent;color:#126681;font-weight:800;margin-bottom:24px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.lesson-panel h1{font:800 38px Outfit,sans-serif;margin:20px 0}.lead{font-size:18px;line-height:1.7;color:#50697c}.example-box{background:#ecf8fb;border-left:5px solid #1b9bbb;border-radius:14px;padding:22px;margin:26px 0;line-height:1.7}.example-box p{margin-bottom:0}.question-v2{padding:26px 0;border-top:1px solid #e6edf4}.question-v2 h3{margin-top:0}.options{display:grid;gap:10px;margin:17px 0}.option{display:flex;align-items:center;gap:13px;text-align:left;padding:13px;border:1px solid #dce5ef;background:white;border-radius:12px;color:#2b4356}.option span{background:#edf3f8;border-radius:8px;padding:8px 12px;font-weight:800}.option.chosen{border-color:#1d92b3;background:#f1fbff}.option.right{border-color:#26955b;background:#ecf9f1}.option.incorrect{border-color:#db735b;background:#fff5f1}.answer-note{border-radius:12px;padding:15px 18px;margin-top:15px;line-height:1.6}.answer-note p{margin:4px 0}.right-note{background:#eaf8f0}.try-note{background:#fff4e9}.sidebar{display:grid;gap:15px}.sidebar-box h3{margin-top:0}.big-stat{font-size:46px;font-weight:800;color:#087e9f}.big-stat small{font-size:22px;color:#91a2b0}.meter{background:#e6edf3;height:10px;border-radius:20px;overflow:hidden;margin:12px 0}.meter div{height:100%;background:#1ba8a3;border-radius:20px}.sidebar-box hr{border:0;border-top:1px solid #e7edf2;margin:22px 0}.tip{background:#fff9ec}.completion{background:#f1f8fd;padding:23px;border-radius:15px}.completion .btn{margin:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{display:flex;flex-direction:column;gap:7px}.stat span{font-size:30px}.stat strong{font-size:36px;color:#136987}.stat small{color:#6c8092}.coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.coverage button{background:white;border:1px solid #e3eaf1;border-radius:13px;padding:16px;text-align:left}.coverage button strong{display:block}.coverage button span{font-size:12px;color:#73879a}.privacy{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:15px;padding:18px 24px;margin-top:20px}.privacy p{max-width:760px;color:#63798b}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.about-grid p{line-height:1.8;color:#657a8c}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr}.hero-visual{min-height:220px}.floating-book{font-size:90px}.grade-grid{grid-template-columns:repeat(4,1fr)}.cards,.coverage{grid-template-columns:repeat(2,1fr)}.steps-v2,.stats{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.nav{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.pill{display:none}}
@media(max-width:580px){.shell{padding:0 16px}.navlinks{order:3;width:100%;justify-content:space-between}.navlinks button{padding:8px 5px;font-size:13px}.hero-v2{padding:42px 0}.hero-v2 h1{font-size:41px}.hero-visual{display:none}.grade-grid{grid-template-columns:repeat(3,1fr)}.grade-tile{min-height:110px}.cards,.steps-v2,.stats,.coverage,.about-grid,.toolbar{grid-template-columns:1fr}.section{padding-top:32px;padding-bottom:30px}.lesson-panel{padding:17px}.lesson-panel h1{font-size:30px}.privacy{flex-direction:column;align-items:flex-start}}

.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.plan-card{border:1px solid #dce3ee;border-radius:20px;padding:26px;background:white;display:flex;flex-direction:column;gap:12px}.plan-card.featured{border:2px solid #2864cf}.plan-card h2{margin:8px 0 0}.plan-price{font-size:36px;font-weight:800;color:#193c74}.plan-price small{font-size:14px;font-weight:400}.plan-card ul{padding-left:22px;line-height:2;flex:1}.trial-message{padding:14px;border-radius:12px;background:#e7f7ed;color:#175a35;font-weight:700}.plan-card button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:800px){.plans-grid{grid-template-columns:1fr}}

.payment-panel{max-width:760px;margin:0 auto}.payment-panel ol{padding-left:24px;line-height:1.9}.reference-code{font-size:1.35rem;font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere;background:#f1f5f9;padding:16px;border-radius:12px}.payment-panel .example-box{margin:20px 0}

.account-link{display:inline-flex;align-items:center;padding:12px;color:#087b9c;text-decoration:none;font-weight:800}.account-link:hover{text-decoration:underline}