:root{--ink:#152431;--muted:#617484;--line:#d5e3e7;--surface:#fff;--soft:#f1f8f8;--teal:#087f83;--teal-dark:#075d63;--blue:#2868d8;--danger:#b4233f;--danger-soft:#fff0f3;--success:#176b45;--success-soft:#e8f7ef;--shadow:0 18px 48px rgba(22,73,83,.11)}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f9fcfd,#eaf6f5 55%,#f6f9fd);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}
.topbar{min-height:76px;padding:12px max(24px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand img{width:50px;height:50px;object-fit:contain}.brand span{display:grid}.brand strong{font-size:16px}.brand small{color:var(--muted);margin-top:2px}
.app-shell{width:min(1080px,calc(100% - 32px));margin:38px auto 72px}.loading{min-height:420px;display:grid;place-content:center;justify-items:center;color:var(--muted)}.spinner{width:36px;height:36px;border:3px solid #cce1e3;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.eyebrow{text-transform:uppercase;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 8px}.intro{margin-bottom:28px}.intro h1{font-size:clamp(31px,5vw,48px);line-height:1.04;margin:0 0 10px}.intro p:last-child{color:var(--muted);font-size:17px;line-height:1.55;max-width:720px;margin:0}
.quiz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;min-height:245px}.quiz-card h2{font-size:21px;line-height:1.25;margin:12px 0 8px}.quiz-card p{color:var(--muted);line-height:1.5;margin:0}.quiz-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--teal-dark)}.quiz-meta span{background:var(--soft);padding:5px 8px;border-radius:999px}.quiz-card .button{margin-top:auto}.last-result{margin:14px 0 2px;padding:10px 12px;border-left:3px solid var(--teal);background:var(--soft);font-size:13px}.empty{padding:55px 28px;text-align:center;background:#fff;border:1px dashed #b6cbd0;border-radius:8px}.empty h2{margin:0 0 8px}.empty p{margin:0;color:var(--muted)}
.button{border:0;border-radius:8px;padding:12px 17px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:780;cursor:pointer;text-decoration:none}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:#fff;color:var(--teal-dark);border:1px solid var(--line)}.button:disabled{opacity:.48;cursor:not-allowed}
.quiz-shell{width:min(820px,100%);margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:clamp(22px,4vw,38px)}.quiz-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:13px}.progress{height:8px;background:#e7f0f2;border-radius:999px;overflow:hidden;margin:16px 0 28px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .2s}.question{font-size:clamp(21px,3vw,28px);line-height:1.35;margin:0 0 22px}.options{display:grid;gap:10px}.option{width:100%;min-height:64px;padding:12px 15px;border:1px solid #cadadd;background:#fff;border-radius:8px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;text-align:left;color:var(--ink);cursor:pointer}.option:hover{border-color:var(--teal);background:#f8fdfd}.option.selected{border:2px solid var(--teal);background:#edf9f8;padding:11px 14px}.letter{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--teal-dark);font-weight:850}.option.selected .letter{background:var(--teal);color:#fff}.hint{margin-top:14px}.hint summary{color:var(--teal-dark);font-weight:700;cursor:pointer}.hint p{background:var(--soft);padding:12px;border-radius:7px;color:#3c5961;line-height:1.45}.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.status{min-height:20px;color:var(--danger);font-size:13px;margin:14px 0 0}
.result{text-align:center}.result-mark{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--success-soft);color:var(--success);font-size:28px;font-weight:900}.result.failed .result-mark{background:var(--danger-soft);color:var(--danger)}.result h1{font-size:34px;margin:0 0 8px}.result-lead{color:var(--muted);margin:0}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.score-grid div{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:16px}.score-grid strong{display:block;font-size:24px}.score-grid span{font-size:12px;color:var(--muted)}.result-message{padding:14px;border-radius:8px;background:var(--success-soft);color:var(--success);font-weight:700}.failed .result-message{background:var(--danger-soft);color:var(--danger)}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.review{margin-top:26px;text-align:left}.review h2{font-size:20px}.review-item{border-top:1px solid var(--line);padding:16px 0}.review-item h3{font-size:15px;line-height:1.45;margin:0 0 8px}.review-item p{font-size:13px;line-height:1.45;margin:5px 0;color:var(--muted)}.review-item .correct{color:var(--success)}.review-item .wrong{color:var(--danger)}
.certificate{width:297mm;min-height:210mm;margin:20px auto;padding:12mm;background:#fff;color:#142b35}.certificate-frame{min-height:186mm;border:1.5px solid #4fb8ba;outline:1px solid #b9e0e1;outline-offset:5px;padding:14mm;display:flex;flex-direction:column;text-align:center}.certificate-head{display:flex;align-items:center;justify-content:space-between}.certificate-head img{width:34mm;height:19mm;object-fit:contain}.certificate-head span{font-size:12px;font-weight:800;color:var(--muted)}.certificate-program{font-size:13px;text-transform:uppercase;color:var(--teal-dark);font-weight:800;margin:8mm 0 3mm}.certificate h1{font-size:44px;color:#165f69;margin:0}.certificate-kicker{margin:3mm 0;color:var(--muted)}.certificate-name{font-size:34px;font-weight:850;margin:7mm 0 2mm}.certificate-copy{font-size:18px;line-height:1.55;max-width:230mm;margin:5mm auto}.certificate-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4mm;margin:8mm auto 0;width:88%}.certificate-stats div{padding:5mm;border:1px solid #d5e5e7;background:#f4f9fa}.certificate-stats span{display:block;font-size:12px;color:var(--muted)}.certificate-stats strong{display:block;margin-top:2mm}.certificate-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:end;text-align:left;color:var(--muted);font-size:12px}.signature{width:42%;border-top:1px solid #87aeb3;padding-top:3mm}.certificate-date{text-align:right}
@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.app-shell{width:min(100% - 20px,1080px);margin-top:24px}.quiz-grid{grid-template-columns:1fr}.quiz-shell{padding:18px}.quiz-toolbar,.quiz-actions{align-items:stretch;flex-direction:column}.quiz-actions .button{width:100%}.score-grid{grid-template-columns:1fr}.certificate{width:100%;min-height:auto}.certificate-frame{min-height:auto}.certificate-stats{grid-template-columns:1fr}.certificate-footer{gap:30px;flex-direction:column;align-items:stretch}.signature{width:100%}}
@media print{@page{size:A4 landscape;margin:0}body>*:not(#certificate){display:none!important}#certificate{display:block!important;width:297mm;height:210mm;margin:0;padding:10mm;box-shadow:none}.certificate-frame{min-height:190mm}.sdv-authbar{display:none!important}}