:root{--navy:#10253f;--blue:#176b87;--aqua:#64ccc5;--cream:#f6f4eb;--coral:#ff7f5c;--ink:#162536;--muted:#617083;--card:#fff;--ok:#e3f7ef;--bad:#fff0ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#eef9f8,#f8fbfd 35%,#fff);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:20}.top{position:sticky;top:0;z-index:10;background:#10253fee;color:#fff;backdrop-filter:blur(10px);box-shadow:0 6px 20px #10253f22}.nav{max-width:1180px;margin:auto;padding:.85rem 4%;display:flex;align-items:center;gap:1rem}.brand{font-weight:900;text-decoration:none}.brand b{color:var(--aqua)}.navlinks{margin-left:auto;display:flex;gap:.8rem}.navlinks a{text-decoration:none;padding:.45rem .65rem;border-radius:.5rem}.navlinks a:hover{background:#ffffff18}.wrap{max-width:1100px;margin:auto;padding:2rem 4% 4rem}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center;padding:2rem 0 1rem}.eyebrow{color:var(--blue);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,6vw,4.7rem);line-height:1.03;margin:.4rem 0 1rem;color:var(--navy)}.lead{font-size:1.2rem;color:var(--muted);max-width:720px}.orbit{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 19%,var(--aqua) 20% 32%,transparent 33%),conic-gradient(from 15deg,var(--coral),var(--aqua),var(--blue),var(--coral));display:grid;place-items:center;box-shadow:0 25px 70px #176b8740}.orbit span{font-size:4rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.75rem;background:var(--blue);color:#fff;text-decoration:none;font-weight:850;padding:.75rem 1rem;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn.alt{background:var(--coral)}.ad{min-height:90px;overflow:hidden}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card,.panel{background:var(--card);border:1px solid #dce8eb;border-radius:1.1rem;box-shadow:0 12px 34px #164c6320}.card{display:flex;flex-direction:column;padding:1.25rem;min-height:270px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #164c6330}.week{color:var(--blue);font-weight:900}.card h2{font-size:1.22rem;line-height:1.25;margin:.6rem 0}.card p{color:var(--muted);margin:0 0 1rem}.card .btn{margin-top:auto}.progressbox{background:var(--navy);color:#fff;border-radius:1rem;padding:1rem 1.2rem;margin:1rem 0 2rem}.track{height:.65rem;background:#ffffff28;border-radius:99px;overflow:hidden}.fill{height:100%;width:0;background:var(--aqua);transition:.3s}.lessonhead{padding:1.5rem 0}.lessonhead h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.1;margin:.35rem 0}.crumb{color:var(--blue);font-weight:800}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{padding:1.35rem;margin:1rem 0}.panel h2{margin-top:0;color:var(--navy)}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.concept{background:#eef9f8;border-left:5px solid var(--aqua);border-radius:.7rem;padding:1rem}.concept h3{margin:0 0 .4rem}.example{background:#fff8e9;border-left:5px solid #f6bd3d}.remember{background:var(--navy);color:#fff;border-left:5px solid var(--coral)}.quiz fieldset{border:0;padding:0;margin:0 0 1.3rem}.quiz legend{font-weight:800;margin-bottom:.5rem}.choice{display:block;background:#f6f9fb;border:1px solid #d9e4e8;border-radius:.6rem;padding:.65rem .8rem;margin:.45rem 0;cursor:pointer}.choice:has(input:checked){border-color:var(--blue);background:#e9f6f8}.result{padding:.8rem;border-radius:.6rem;font-weight:800;margin-top:.8rem}.ok{background:var(--ok);color:#14623f}.bad{background:var(--bad);color:#8d2e19}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:2.4rem 1fr;gap:.7rem;margin:.7rem 0}.steps li:before{content:counter(step);width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font-weight:900}.pager{display:flex;justify-content:space-between;gap:.7rem;margin-top:2rem}.done{display:flex;align-items:center;gap:.6rem;background:#eef9f8;padding:.8rem;border-radius:.7rem;font-weight:800}footer{background:var(--navy);color:#bfd0df;text-align:center;padding:2rem}.menuBtn{display:none}.lessonlist{columns:2;list-style:none;padding:0}.lessonlist li{break-inside:avoid;margin:.4rem 0}.lessonlist a{color:var(--blue)}.resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.resource{display:flex;flex-direction:column;align-items:flex-start;background:#f4fbfc;border:1px solid #cfe6e8;border-radius:.85rem;padding:1rem}.resource h3{margin:.25rem 0}.resource p{color:var(--muted);margin:.2rem 0 .8rem}.resource .btn{margin-top:auto}.badge{font-size:.78rem;font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.06em}@media(max-width:850px){.grid,.concepts{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.orbit{display:none}}@media(max-width:620px){body{font-size:16px}.grid,.concepts,.columns,.resources{grid-template-columns:1fr}.navlinks{display:none}.lessonlist{columns:1}.pager{flex-direction:column}.wrap{padding-inline:1rem}}@media print{.top,.ad,.pager,.btn,footer{display:none}.panel,.card{box-shadow:none}body{background:#fff}}