:root{--navy:#0d2f59;--deep:#071b37;--gold:#d6a21f;--cream:#fbf8ef;--ink:#172033;--muted:#667085;--line:#d8dee8;--green:#137a4a;--red:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f4f6f9}.wrap{max-width:1180px;margin:auto;padding:0 22px}.hero{background:linear-gradient(140deg,var(--deep),#153f71);color:#fff;padding:28px 0 34px}.eyebrow{letter-spacing:.22em;color:var(--gold);font-weight:800;font-size:14px}.tagline{font-size:12px;opacity:.7;margin:6px 0 20px}.flyer{width:100%;max-height:430px;object-fit:cover;border-radius:18px;border:1px solid #ffffff2e;box-shadow:0 18px 50px #0008}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.mission-grid article{background:#ffffff10;border:1px solid #ffffff20;padding:18px;border-radius:14px}.mission-grid b{color:var(--gold);font-size:12px;letter-spacing:.1em}.mission-grid p{line-height:1.55;font-size:14px}.task-tabs{position:sticky;top:0;z-index:10;background:#fffffff2;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;gap:9px;overflow:auto;padding:12px max(20px,calc((100vw - 1180px)/2 + 22px))}.task-tabs button,.stepper button{border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 15px;border-radius:999px;font-weight:700;white-space:nowrap;cursor:pointer}.task-tabs button.active,.stepper button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.task-tabs button.locked{opacity:.45;cursor:not-allowed}.task-tabs button.done:before{content:'✓ ';color:var(--green)}.main{padding-top:28px;padding-bottom:60px}.course-status{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.kicker{color:var(--gold);font-weight:800;letter-spacing:.15em;font-size:12px}.course-status h1{color:var(--navy);font-size:36px;margin:7px 0}.course-status p{color:var(--muted)}.status-box{min-width:260px;font-weight:700;color:var(--navy)}.bar{height:10px;background:#e5e9ef;border-radius:10px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--gold);transition:.3s}.stepper{display:flex;gap:8px;overflow:auto;margin:26px 0}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #10182812;overflow:hidden;margin-bottom:18px}.card-head{background:var(--navy);color:#fff;padding:20px 26px}.card-head small{color:var(--gold);font-weight:800;letter-spacing:.12em}.card-head h2{margin:7px 0 0}.card-body{padding:26px 32px;line-height:1.75}.lesson-section{margin-bottom:22px}.lesson-section h3{color:var(--navy);margin-bottom:5px}.scriptures{background:var(--cream);border-left:5px solid var(--gold);padding:20px;border-radius:10px}.scriptures h3{margin-top:0}.scriptures blockquote{margin:15px 0;padding-left:14px;border-left:2px solid #d3bb77}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.btn,.pager button{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.btn.primary,.pager button:last-child{background:var(--navy);color:#fff}.btn.gold{background:var(--gold);color:var(--deep)}.btn.outline,.pager button:first-child{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn:disabled,.pager button:disabled{opacity:.4;cursor:not-allowed}.quiz-item{border:1px solid var(--line);border-radius:13px;padding:18px;margin:12px 0}.quiz-item.correct{border-color:#53b175;background:#f0fbf5}.quiz-item.wrong{border-color:#f97066;background:#fff4f2}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.option{border:1px solid var(--line);background:#fff;padding:10px;border-radius:8px;text-align:left;cursor:pointer}.option.selected{background:var(--navy);color:#fff}.fill{width:100%;max-width:420px;padding:10px;border:1px solid var(--line);border-radius:8px}.result{padding:18px;border-radius:12px;margin-top:18px;font-weight:800}.result.pass{background:#ecfdf3;color:var(--green)}.result.fail{background:#fff1f0;color:var(--red)}.assignment-list li{margin:10px 0}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.video-box{background:#000;border-radius:14px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#aaa;overflow:hidden}.video-box video{width:100%;height:100%;object-fit:cover}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-weight:700;margin-bottom:5px}.field input,.field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.toast{position:fixed;right:22px;bottom:22px;background:var(--deep);color:#fff;padding:15px 18px;border-radius:10px;box-shadow:0 8px 30px #0005}.reading-large .card-body{font-size:20px}.focus .hero,.focus .task-tabs,.focus .course-status,.focus .stepper{display:none}.focus .main{max-width:900px}.locked-note{padding:28px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px}@media(max-width:760px){.mission-grid,.video-grid,.form-grid{grid-template-columns:1fr}.course-status{display:block}.status-box{margin-top:16px}.course-status h1{font-size:29px}.card-body{padding:20px}.options{grid-template-columns:1fr}}