:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e8eef9;background:#08111f}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:900px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:20px}.brand small{font-size:9px;letter-spacing:2px;color:#8fa6c3}.logo{width:42px;height:42px;background:#55d6b2;color:#071d1b;border-radius:13px;display:grid;place-items:center;font-size:28px;font-weight:bold}.tag{font-size:10px;letter-spacing:1px;color:#6de6c1;background:#133b3a;padding:8px 10px;border-radius:20px}main{padding:0 20px 45px}.hero{padding:35px 30px;background:linear-gradient(135deg,#172b4b,#0e2631 70%,#0d3c3b);border:1px solid #28495c;border-radius:22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#6fe0bc}.hero h1{font-size:clamp(32px,6vw,54px);line-height:1.1;max-width:650px;margin:14px 0}.hero em{color:#70e3bc;font-style:normal}.hero>p:not(.eyebrow){color:#b5c6d8;max-width:540px;line-height:1.7}.herofoot{display:flex;justify-content:space-between;margin:28px 0 9px;font-size:13px}.bar{height:9px;background:#263b4d;border-radius:99px;overflow:hidden}.bar>div{height:100%;width:0;background:#64dfb6;transition:width .2s}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:25px 0}.tabs button,button{cursor:pointer;background:#15253a;color:#d9e7f5;border:1px solid #30435b;border-radius:11px;padding:12px;font-weight:700}.tabs button.active,.primary{background:#5bd8b2;color:#08251e;border-color:#5bd8b2}.pane{min-height:300px}.hidden{display:none!important}.sectionhead{display:flex;align-items:end;justify-content:space-between}h2{font-size:27px;margin:5px 0 20px}.muted{color:#9bb0c8}.small{font-size:12px}.weeklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.week{background:#111f33;border:1px solid #273d56;border-radius:15px;padding:17px;text-align:left;display:flex;flex-direction:column;gap:10px}.week:hover{border-color:#61dcb6}.week .num{color:#67ddbb;font-size:11px;letter-spacing:1px}.week .title{font-size:16px}.week .state{font-size:12px;color:#a7bbd1}.card{margin-top:20px;padding:23px;border-radius:18px;background:#122239;border:1px solid #30465e;line-height:1.7}.card h3{color:#f0f7ff;margin:10px 0}.card .sub{color:#70e0bc;font-size:12px;font-weight:800;letter-spacing:1px}.card p{white-space:pre-line}label{display:block;margin:15px 0;color:#bdcfe0}select,textarea{width:100%;margin-top:8px;border:1px solid #37506b;background:#0a1729;color:#e9f1fb;border-radius:10px;padding:13px;font:inherit}textarea{resize:vertical}.answers{display:grid;gap:8px;margin:15px 0}.answers button{text-align:left}.answers button.correct{border-color:#59d7ad;background:#154b3d}.answers button.wrong{border-color:#ec8e82;background:#492b37}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.chat{margin:15px 0}.bubble{background:#1b3349;border-radius:10px;padding:12px;margin:10px 0;white-space:pre-wrap}footer{text-align:center;color:#7d93ab;font-size:11px;padding:20px}@media(max-width:480px){header{padding:18px 15px}.brand small{font-size:8px}.tag{font-size:9px}main{padding:0 13px 35px}.hero{padding:26px 20px}.tabs button{font-size:11px;padding:10px 4px}.card{padding:16px}}

.lesson-section{margin:1.2rem 0;line-height:1.65}.lesson-section p{white-space:pre-line}.question{padding:1rem 0;border-bottom:1px solid rgba(120,140,160,.25)}.question p{margin:.5rem 0}#lesson li{margin:.5rem 0}#lesson a{overflow-wrap:anywhere}

.content-block{white-space:pre-wrap;line-height:1.75;overflow-wrap:anywhere}.card ol{padding-left:1.5rem}.card li{line-height:1.65;margin:.45rem 0}.card strong{color:#eef9fc}.card blockquote{white-space:pre-wrap}

.answers button.selected{outline:2px solid #84eaca;outline-offset:1px}.answers button:disabled{cursor:default;opacity:.85}#quizArea>button{margin-top:1.25rem}#quizArea>button:disabled{opacity:.45;cursor:not-allowed}