:root{--brand:#3f51b5;--brand-strong:#32408f;--brand-soft:#3f51b51a;--brand-contrast:#fff;--bg:#f4f5fa;--surface:#fff;--surface-2:#eef0f8;--text:#1c2030;--text-soft:#5a6072;--border:#dfe2ee;--success:#2e7d32;--success-bg:#e6f4e7;--danger:#c62828;--danger-bg:#fdeaea;--radius:14px;--radius-sm:9px;--shadow:0 1px 3px #14182814, 0 4px 16px #1418280f}@media (prefers-color-scheme:dark){:root{--brand:#7986cb;--brand-strong:#9fa8da;--brand-soft:#7986cb29;--brand-contrast:#10131f;--bg:#12141c;--surface:#1b1e2a;--surface-2:#242838;--text:#e8eaf2;--text-soft:#9aa1b5;--border:#303548;--success:#81c784;--success-bg:#1d2f20;--danger:#ef9a9a;--danger-bg:#3a2022;--shadow:0 1px 3px #0006}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.55}.app{max-width:640px;min-height:100dvh;padding-top:calc(.75rem + env(safe-area-inset-top));padding-right:calc(1rem + env(safe-area-inset-right));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));padding-left:calc(1rem + env(safe-area-inset-left));flex-direction:column;margin-inline:auto;display:flex}main{flex-direction:column;flex:1;gap:1rem;display:flex}h1{margin:0;font-size:1.4rem;line-height:1.3}h2{margin:0;font-size:1.05rem}p{margin:0}a{color:var(--brand)}.soft{color:var(--text-soft)}.hint{color:var(--text-soft);font-size:.9rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{align-items:center;gap:.75rem;min-height:48px;margin-bottom:1rem;display:flex}.topbar-spacer{flex:1}.brand{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.brand-mark{flex:none;width:38px;height:38px;display:inline-flex}.brand-mark svg,.brand-mark img{border-radius:9px;width:100%;height:100%}.brand-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.brand-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.brand-text small{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.back-btn{width:44px;height:44px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:50%;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.back-btn:active{background:var(--surface-2)}.back-btn svg{width:22px;height:22px}.lang-switch{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;max-width:9.5rem;padding:0 .75rem;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.course-head{align-items:center;gap:1rem;display:flex}.course-head>div{flex-direction:column;gap:.35rem;min-width:0;display:flex}.progress-label{color:var(--text-soft);font-size:.9rem}.section-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.07em;margin-top:.25rem;font-size:.82rem;font-weight:600}.ring{flex:none;width:72px;height:72px}.ring-bg{fill:none;stroke:var(--surface-2);stroke-width:6px}.ring-fg{fill:none;stroke:var(--brand);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .4s}.ring-text{fill:var(--text);font-size:.95rem;font-weight:700}.module-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.module-list a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:64px;box-shadow:var(--shadow);color:var(--text);align-items:center;gap:.8rem;padding:.7rem .9rem;text-decoration:none;display:flex}.module-list a:active{background:var(--surface-2)}.module-index{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.module-main{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.module-title{overflow-wrap:anywhere;font-weight:600}.module-type{color:var(--text-soft);font-size:.82rem}.chip{white-space:nowrap;border-radius:999px;flex:none;padding:.25rem .65rem;font-size:.78rem;font-weight:600}.chip-completed{background:var(--success-bg);color:var(--success)}.chip-inProgress{background:var(--brand-soft);color:var(--brand)}.chip-notStarted{background:var(--surface-2);color:var(--text-soft)}.chip-failed{background:var(--danger-bg);color:var(--danger)}.btn{border-radius:var(--radius-sm);min-height:48px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-contrast)}.btn-primary:not(:disabled):active{background:var(--brand-strong)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:active{background:var(--surface-2)}.actions{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.loading{color:var(--text-soft);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.9rem;min-height:40vh;display:flex}.spinner{border:3px solid var(--surface-2);border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.8rem;min-height:50vh;padding:1rem;display:flex}.error-screen p{max-width:28rem}.error-screen .btn{max-width:16rem;margin-top:.5rem}.error-icon{background:var(--danger-bg);width:64px;height:64px;color:var(--danger);border-radius:50%;padding:14px;display:inline-flex}.error-icon.is-ok{background:var(--success-bg);color:var(--success)}.error-icon svg{width:100%;height:100%}.explainer{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.9rem;padding:1.5rem 1rem;display:flex}.explainer-icon{background:var(--brand-soft);width:76px;height:76px;color:var(--brand);border-radius:24px;padding:18px;display:inline-flex}.explainer-icon svg{width:100%;height:100%}.explainer p{max-width:30rem}.module-kind{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.module-kind .ok{color:var(--success);text-transform:none;letter-spacing:normal}.content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-wrap:anywhere;padding:1.1rem}.content img{border-radius:var(--radius-sm);max-width:100%;height:auto}.content pre{background:var(--surface-2);border-radius:var(--radius-sm);padding:.75rem;overflow-x:auto}.content table{border-collapse:collapse;width:100%}.content th,.content td{border:1px solid var(--border);text-align:left;padding:.4rem .6rem}video{border-radius:var(--radius);background:#000;width:100%;max-height:60vh;display:block}.done-banner{border-radius:var(--radius);background:var(--success-bg);color:var(--success);align-items:center;gap:.6rem;padding:.8rem 1rem;font-weight:600;display:flex}.done-banner svg{flex:none;width:22px;height:22px}.completion-banner{border-color:var(--success);align-items:center;gap:.8rem;display:flex}.completion-banner .error-icon{flex:none;width:46px;height:46px;padding:10px}.completion-banner>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.quiz-form{flex-direction:column;gap:1rem;display:flex}.question{border:1px solid var(--border);flex-direction:column;gap:.55rem;margin:0;display:flex}.question legend{float:left;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;padding:0;font-size:.8rem;font-weight:600}.question-text{clear:both;font-weight:600}.option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;align-items:center;gap:.7rem;min-height:48px;padding:.55rem .8rem;display:flex}.option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.option input{accent-color:var(--brand);flex:none;width:20px;height:20px;margin:0}.option span{overflow-wrap:anywhere}.result-panel{text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:1.5rem 1rem;display:flex}.result-score{font-size:2.6rem;font-weight:800;line-height:1}.certificate{border:1px dashed var(--brand);border-radius:var(--radius);background:var(--brand-soft);flex-direction:column;align-items:center;gap:.25rem;padding:.8rem 1.2rem;display:flex}.certificate code{letter-spacing:.08em;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:700}