*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#182532;background:#f7f9fc;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:#17636a}.top{height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dfe8ed;position:sticky;top:0;z-index:8}.brand{font-size:1.25rem;font-weight:850;text-decoration:none;color:#123d48}.top nav a{text-decoration:none;margin-left:22px;color:#38505b}.hero{padding:70px 6%;background:linear-gradient(135deg,#0d4e56,#168083);color:#fff;display:grid;grid-template-columns:1.5fr .7fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;color:#bff2e9}.hero h1{font-size:clamp(2.4rem,6vw,5.1rem);line-height:1.02;margin:.18em 0}.hero p{font-size:1.15rem;max-width:700px}.start,#newChallenge{display:inline-block;border:0;background:#f1be53;color:#17252c;padding:12px 20px;border-radius:10px;font-weight:800;text-decoration:none;cursor:pointer}.hero-card{background:#ffffff14;border:1px solid #ffffff35;border-radius:20px;padding:24px;text-align:center}.ring{--p:0deg;width:145px;height:145px;margin:18px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f1be53 var(--p),#ffffff2d 0)}.ring:before{content:"";width:110px;height:110px;border-radius:50%;background:#176b70;position:absolute}.ring span{z-index:1;font-size:1.7rem;font-weight:800}.features{display:grid;grid-template-columns:repeat(4,1fr);width:min(1050px,92%);margin:-23px auto 40px;background:#fff;border-radius:16px;box-shadow:0 12px 30px #213c4a18;padding:20px}.features div{text-align:center;border-right:1px solid #e3eaed}.features div:last-child{border:0}.features b{font-size:1.65rem;display:block;color:#146b70}.features span{font-size:.9rem;color:#64747c}.layout{width:min(1180px,92%);margin:30px auto;display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}.layout aside{position:sticky;top:86px}.layout aside h2{margin-top:0}.navbtn{display:block;width:100%;text-align:left;padding:12px 14px;margin:7px 0;border:1px solid #d9e3e7;background:#fff;border-radius:10px;cursor:pointer;color:#334a55}.navbtn.active{background:#155f67;color:#fff;border-color:#155f67}.navbtn.done:after{content:" ✓";float:right;color:#eabb54}.lesson-card{background:#fff;border:1px solid #dfe8eb;border-radius:20px;padding:clamp(22px,5vw,48px);min-height:600px;box-shadow:0 8px 25px #1936420b}.kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#157079;font-weight:800}.lesson-card h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:.25em 0}.example{background:#eef8f6;border-left:4px solid #1a8a85;padding:14px 18px;margin:12px 0;border-radius:0 10px 10px 0}.example.bad{background:#fff1ed;border-color:#d26d51}.quiz{background:#f2f5fb;padding:20px;border-radius:14px;margin-top:28px}.choice{display:block;width:100%;text-align:left;border:1px solid #ccd8de;background:#fff;padding:11px;margin:8px 0;border-radius:9px;cursor:pointer}.choice.correct{background:#def5e7;border-color:#49a36a}.choice.wrong{background:#fde2dc;border-color:#cb6b57}.feedback{font-weight:700;min-height:1.5em}.complete{border:0;background:#155f67;color:#fff;padding:11px 18px;border-radius:9px;font-weight:750;cursor:pointer}.ad,.wide-ad{border:1px dashed #a8bac1;color:#71848b;background:#fff;display:grid;place-items:center;min-height:90px;border-radius:12px;margin-top:22px}.practice,.sources{width:min(1100px,92%);margin:60px auto;padding:36px;border-radius:20px}.practice{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;background:#143e4a;color:#fff}.practice h2{font-size:2rem;margin:.2em 0}.tip{background:#ffffff12;padding:20px;border-radius:14px}.sources{background:#fff;border:1px solid #dce6e9}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.source-grid a{padding:18px;border:1px solid #dce5e8;border-radius:12px;text-decoration:none;display:flex;flex-direction:column}.source-grid span{color:#60737c}.wide-ad{width:min(1100px,92%);margin:30px auto}footer{background:#102f39;color:#dbe9ea;padding:38px 6%;margin-top:50px}footer a{color:#9ee1d8}@media(max-width:800px){.hero,.layout,.practice{grid-template-columns:1fr}.hero-card{display:none}.features{grid-template-columns:repeat(2,1fr)}.features div:nth-child(2){border-right:0}.layout aside{position:static}.source-grid{grid-template-columns:1fr}.top nav{display:none}}