:root{--ink:#0b172a;--muted:#566274;--paper:#f4f7fb;--white:#fff;--blue:#1d63f0;--blue2:#e8f0ff;--green:#0e8b66;--amber:#b66a00;--line:#dbe2ec;--shadow:0 18px 50px rgba(11,23,42,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.55}.topbar{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand small{color:var(--muted);margin-top:4px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}.icon-btn,.text-btn,.link-btn{border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}.icon-btn{font-size:24px}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:min(360px,88vw);background:#fff;transform:translateX(-102%);transition:.25s;box-shadow:var(--shadow);padding:18px;overflow:auto}.sidebar.open{transform:none}.scrim{position:fixed;inset:0;background:rgba(5,13,26,.45);z-index:30;display:none}.scrim.show{display:block}.sidebar-head{display:flex;justify-content:space-between;align-items:center;font-size:20px}.progress-card{background:var(--ink);color:#fff;border-radius:18px;padding:16px;margin:16px 0}.progress-track{height:8px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:#76e1bf}.lesson-link{width:100%;border:0;background:none;text-align:left;padding:12px;border-radius:12px;display:grid;grid-template-columns:34px 1fr;gap:8px;cursor:pointer;color:var(--ink)}.lesson-link:hover,.lesson-link.active{background:var(--blue2)}.lesson-num{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px}.lesson-link.done .lesson-num{background:var(--green);color:white;border-color:var(--green)}.lesson-link small{display:block;color:var(--muted)}.source-link{display:block;margin:20px 8px;color:var(--blue)}main{max-width:980px;margin:0 auto;padding:34px 18px 80px}.hero{background:linear-gradient(145deg,#0b172a,#173a72);color:#fff;padding:clamp(28px,6vw,64px);border-radius:28px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.03;margin:10px 0 20px;letter-spacing:-.04em}.hero p{max-width:720px;color:#dce7fa}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--blue)}.hero .eyebrow{color:#8fb5ff}.primary,.secondary{border:0;border-radius:12px;padding:13px 18px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--blue);color:#fff}.primary:hover{filter:brightness(.94)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.large{font-size:17px;padding:15px 22px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.dashboard-grid article,.method-card,.content-card,.quiz-card,.install-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.dashboard-grid span{font-size:36px;font-weight:850;display:block}.dashboard-grid small{color:var(--muted)}.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.loop span{padding:10px;border-radius:10px;background:var(--blue2);font-weight:700;text-align:center;font-size:13px}.install-card{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-bottom:20px;border:2px solid #a9c5ff}.install-icon{width:52px;height:52px;border-radius:15px;background:var(--blue2);display:grid;place-items:center;font-size:30px;color:var(--blue)}.install-card h2{margin:0}.install-card p{margin:.3rem 0;color:var(--muted)}.install-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.tip{grid-column:2;background:#fff8e8;border-radius:12px;padding:12px;color:#6b4500}.lesson-head{margin-bottom:20px}.lesson-head h1{font-size:clamp(32px,5vw,52px);line-height:1.08;margin:.3rem 0}.lead{font-size:19px;color:var(--muted)}.content-card{margin:14px 0}.content-card h2{margin-top:0}.rule{border-left:5px solid var(--blue);background:var(--blue2)}.warning{border-left:5px solid #e29a1a;background:#fff8e8}.memory{border-left:5px solid var(--green);background:#eaf8f3}.sequence{counter-reset:step;display:grid;gap:10px}.sequence div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.sequence div:before{counter-increment:step;content:counter(step);width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}.scenario{padding:15px;border:1px dashed #9bb4d6;border-radius:14px;background:#f8fbff}.checklist{padding-left:20px}.checklist li{margin:7px 0}.quiz-card{margin:18px 0}.quiz-card h3{margin-top:0}.answer-grid{display:grid;gap:9px}.answer{padding:13px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font:inherit}.answer:hover{border-color:var(--blue)}.answer.correct{background:#e8f8f1;border-color:var(--green)}.answer.wrong{background:#fff0ef;border-color:#cf3f36}.feedback{margin-top:12px;padding:12px;border-radius:10px;background:#f3f6fa}.lesson-actions{display:flex;justify-content:space-between;margin-top:26px}.hidden{display:none!important}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:99px;z-index:60}.term{border-bottom:1px dotted var(--blue);cursor:help}.mini-table{width:100%;border-collapse:collapse}.mini-table td,.mini-table th{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}.loop{grid-template-columns:1fr 1fr}.install-card{grid-template-columns:1fr}.install-actions,.tip{grid-column:1}.lesson-actions{position:sticky;bottom:0;background:rgba(244,247,251,.95);padding:12px 0}.topbar .text-btn{font-size:13px}.brand strong{font-size:14px}.brand small{font-size:11px}}

.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.secondary-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.85rem 1.1rem;border-radius:12px;font-weight:700;cursor:pointer}.confidence{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.confidence button{padding:.55rem .75rem;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer}.lesson-link small{line-height:1.25}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}