:root{--ink:#0b2239;--muted:#597080;--line:#d8e6ed;--blue:#176fa6;--cyan:#10a9b8;--paper:#f5f9fb;--ok:#087f5b;--bad:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.vdai-topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:14px 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.vdai-topbar img{width:150px}.vdai-topbar div{display:flex;flex-direction:column}.vdai-topbar span{color:var(--muted);font-size:13px}.vdai-topbar>a:last-child{color:var(--blue);font-weight:800;text-decoration:none}.vdai-shell{display:grid;grid-template-columns:300px minmax(0,900px);gap:38px;max-width:1260px;margin:auto;padding:36px 24px 80px}.vdai-sidebar{position:sticky;top:100px;align-self:start}.vdai-progress,.vdai-content{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(11,34,57,.06)}.vdai-progress{padding:20px}.vdai-progress strong{float:right}.vdai-progress div{height:9px;margin:14px 0 8px;overflow:hidden;border-radius:10px;background:#e6eef2}.vdai-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .25s}.vdai-progress small{color:var(--muted)}#courseNavigation{display:grid;gap:8px;margin:16px 0}.vdai-nav{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;width:100%;padding:12px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.vdai-nav:hover,.vdai-nav.active{border-color:var(--line);background:#fff}.vdai-nav b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dff3f5;color:#086d78}.vdai-nav small{color:var(--ok);font-weight:900}.vdai-reset{width:100%;padding:11px;border:0;background:transparent;color:var(--muted);cursor:pointer}.vdai-content{min-height:720px;padding:clamp(26px,5vw,58px)}.vdai-kicker{display:inline-block;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.vdai-content h1{margin:12px 0 14px;font-size:clamp(34px,5vw,56px);letter-spacing:-.045em;line-height:1.02}.vdai-lead{color:var(--muted);font-size:19px;line-height:1.65}.vdai-meta{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.vdai-meta span{padding:8px 11px;border-radius:30px;background:#eef7fa;color:#285266;font-size:13px;font-weight:750}.vdai-objectives,.vdai-case,.vdai-lesson,.vdai-notice{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:18px}.vdai-objectives{background:#f0f8fa}.vdai-objectives li{margin:8px 0}.vdai-lesson h2,.vdai-case h2{margin-top:0}.vdai-lesson p,.vdai-case p,.vdai-lesson li{color:#425d6d;line-height:1.7}.vdai-rule{padding:14px 16px;border-left:4px solid var(--cyan);background:#edf9fa;font-weight:750}.vdai-button{display:inline-flex;justify-content:center;padding:13px 20px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:850;cursor:pointer}.vdai-button[disabled]{opacity:.45;cursor:not-allowed}.vdai-button.secondary{background:#eaf3f7;color:var(--ink)}.vdai-actions{display:flex;gap:12px;align-items:center;margin-top:28px}.vdai-actions span{color:var(--muted)}.exam-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.exam-intro div{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:center}.exam-intro strong{display:block;font-size:28px}.exam-intro span{color:var(--muted);font-size:13px}.question{margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:16px}.question legend{padding:0 6px;font-weight:850;line-height:1.45}.question label{display:block;margin:10px 0;padding:11px;border-radius:10px;background:#f6fafb;cursor:pointer}.exam-result{display:none;margin-top:18px;padding:14px;border-radius:12px}.exam-result.show{display:block}.exam-result.ok{background:#e7f7f0;color:var(--ok)}.exam-result.bad{background:#fff0ef;color:var(--bad)}.certificate-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.certificate-form label{display:grid;gap:6px;font-weight:750}.certificate-form label:first-child{grid-column:1/-1}.certificate-form input{padding:12px;border:1px solid var(--line);border-radius:10px}.certificate-form button{grid-column:1/-1}.certificate-preview{margin-top:30px;padding:36px;border:8px double #b8d4df;background:#fff;text-align:center}.certificate-preview img{width:180px}.certificate-preview h2{font-size:32px}.certificate-person{font-size:28px;font-weight:900}.certificate-code{margin-top:22px;color:var(--muted);font-size:13px}.vdai-toast{position:fixed;right:24px;bottom:24px;transform:translateY(20px);padding:13px 18px;border-radius:11px;background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:.2s}.vdai-toast.show{transform:none;opacity:1}@media(max-width:900px){.vdai-topbar{grid-template-columns:1fr auto}.vdai-topbar>div{display:none}.vdai-shell{grid-template-columns:1fr}.vdai-sidebar{position:static}.exam-intro{grid-template-columns:1fr 1fr 1fr}}@media(max-width:620px){.vdai-topbar{padding:12px 16px}.vdai-topbar img{width:125px}.vdai-shell{padding:20px 12px}.vdai-content{padding:26px 20px}.exam-intro,.certificate-form{grid-template-columns:1fr}.certificate-form label{grid-column:1}.vdai-actions{align-items:stretch;flex-direction:column}.vdai-button{width:100%}}
