:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#172436;background:#f2f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #0b5cad;--blue-dark: #084984;--blue-pale: #e9f4ff;--teal: #0d9c98;--border: #dce7f0;--muted: #637286;--shadow: 0 18px 48px rgba(28, 62, 92, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% 0%,#dff2ff 0,transparent 31rem),#f2f7fb}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible+.control{outline:3px solid rgba(11,92,173,.28);outline-offset:3px}.modal-open{overflow:hidden}.button{border:0;border-radius:12px;min-height:48px;padding:0 24px;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff;background:var(--blue);box-shadow:0 8px 20px #0b5cad33}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:var(--blue);background:#fff;box-shadow:inset 0 0 0 1px #bdd1e3}.button.danger{color:#fff;background:#c53f4a}.button:disabled{opacity:.42;cursor:default}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;margin:0 0 10px}.start-shell{min-height:100vh;display:grid;place-items:center;padding:40px 24px}.start-card{width:min(1120px,100%);min-height:650px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid rgba(210,225,237,.9);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.start-visual{position:relative;overflow:hidden;min-height:280px;background:linear-gradient(145deg,#07519a,#0d75be 55%,#19aaa5)}.start-visual:before,.start-visual:after{content:"";position:absolute;border-radius:999px;background:#ffffff14}.start-visual:before{width:430px;height:430px;left:-230px;top:-100px}.start-visual:after{width:360px;height:360px;right:-240px;bottom:-110px}.medical-mark{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:150px;height:150px;border-radius:42px;background:#fffffffa;box-shadow:0 28px 60px #02294c47;transform:rotate(-6deg)}.medical-mark span{position:absolute;background:var(--teal);border-radius:9px}.medical-mark span:first-child{width:78px;height:25px;left:36px;top:62px}.medical-mark span:last-child{height:78px;width:25px;left:62px;top:36px}.visual-rings{position:absolute;border:1px solid rgba(255,255,255,.26);border-radius:50%}.ring-one{width:280px;height:280px;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-two{width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%)}.start-content{align-self:center;padding:64px clamp(36px,6vw,76px)}.start-content h1,.result-card h1,.review-header h1{margin:0;color:#11243a;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.035em}.lead{margin:22px 0 28px;color:#4e6075;line-height:1.7;font-size:16px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.facts div{min-width:0;display:flex;flex-direction:column;gap:4px}.facts strong{color:var(--blue);font-size:20px}.facts span{color:var(--muted);font-size:11px;line-height:1.4}.feature-list{margin:24px 0 28px;padding:0;list-style:none;display:grid;gap:12px;color:#465a70;font-size:14px}.feature-list li{position:relative;padding-left:28px;line-height:1.5}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:800}.start-actions,.result-actions{display:flex;gap:12px;flex-wrap:wrap}.app-shell{min-height:100vh}.topbar{height:82px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:12px;background:#ffffffeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-mark{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:linear-gradient(140deg,var(--blue),var(--teal))}.brand-mark span{position:absolute;background:#fff;border-radius:2px}.brand-mark span:first-child{width:20px;height:6px;left:11px;top:18px}.brand-mark span:last-child{width:6px;height:20px;left:18px;top:11px}.brand-name,.brand-subtitle{display:block}.brand-name{font-size:14px;font-weight:800}.brand-subtitle{margin-top:2px;color:var(--muted);font-size:11px}.reset-link{margin-left:auto;border:0;background:transparent;color:var(--muted);padding:10px;font-size:13px;font-weight:700}.reset-link:hover{color:var(--blue)}.quiz-layout{width:min(1180px,calc(100% - 40px));margin:34px auto 64px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.quiz-main{min-width:0}.quiz-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}.quiz-heading .eyebrow{margin:0;white-space:nowrap;font-size:13px}.progress-block{width:min(520px,100%)}.progress-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:700}.progress-meta span:first-child{color:#2a4158}.progress-track{height:7px;overflow:hidden;background:#dce8f1;border-radius:999px}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#17a6a2);transition:width .28s ease}.question-card,.nav-card{background:#fff;border:1px solid var(--border);box-shadow:0 10px 35px #1e426212}.question-card{padding:clamp(24px,4vw,42px);border-radius:22px}.question-type{display:inline-flex;padding:7px 11px;margin-bottom:17px;border-radius:9px;color:#136a67;background:#e6f7f5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.question-card h2,.review-card h2{margin:0;white-space:pre-line;color:#15283d;font-size:clamp(21px,2.2vw,27px);line-height:1.45;letter-spacing:-.02em}.question-context{margin:22px 0 0;padding:20px 22px;white-space:pre-line;color:#344c63;background:#f6f9fc;border-left:4px solid #69acd9;border-radius:5px 13px 13px 5px;line-height:1.7;font-size:15px}.image-gallery{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px}.image-gallery.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.image-button{position:relative;min-width:0;padding:12px;overflow:hidden;border:1px solid #d5e3ed;border-radius:16px;background:#f8fbfd}.image-button img{display:block;width:100%;height:min(390px,45vw);object-fit:contain}.image-button span{position:absolute;right:20px;bottom:18px;padding:7px 10px;color:#fff;background:#0d273fd1;border-radius:8px;opacity:0;transition:opacity .18s;font-size:11px;font-weight:700}.image-button:hover span{opacity:1}.answers{display:grid;gap:11px;margin-top:28px}.answer-option{position:relative;display:flex;align-items:flex-start;gap:15px;padding:17px 18px;border:1px solid #d9e5ee;border-radius:14px;background:#fff;color:#2f4358;cursor:pointer;line-height:1.55;transition:border .16s,background .16s,box-shadow .16s}.answer-option:hover{border-color:#92b8d8;background:#fafdff}.answer-option.selected{border-color:var(--blue);background:#edf6ff;box-shadow:0 0 0 1px var(--blue)}.answer-option input{position:absolute;opacity:0}.control{width:21px;height:21px;flex:0 0 21px;margin-top:1px;border:2px solid #94aabc;border-radius:50%;background:#fff}input[type=checkbox]+.control{border-radius:5px}input:checked+.control{border-color:var(--blue);box-shadow:inset 0 0 0 5px var(--blue)}input[type=checkbox]:checked+.control{box-shadow:none;background:var(--blue)}input[type=checkbox]:checked+.control:after{content:"✓";display:block;color:#fff;font-size:14px;line-height:17px;text-align:center;font-weight:800}.quiz-actions{display:flex;justify-content:space-between;margin-top:18px}.nav-card{position:sticky;top:24px;padding:22px;border-radius:18px}.nav-card h2{margin:0 0 18px;font-size:15px}.question-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.question-nav button{position:relative;aspect-ratio:1;border:1px solid #d9e5ee;border-radius:10px;color:#627489;background:#fff;font-weight:700}.question-nav button.answered{border-color:#9bd1cd;color:#087872;background:#e9f8f6}.question-nav button.current{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 5px 12px #0b5cad33}.legend{display:grid;gap:8px;margin:20px 0;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:9px;height:9px;display:inline-block;border:1px solid #c7d5e0;border-radius:50%;background:#fff}.legend i.answered{border-color:var(--teal);background:var(--teal)}.finish-link{width:100%;padding:11px 5px;border:0;border-radius:9px;color:var(--blue);background:#eef6fd;font-size:12px;font-weight:800}.lightbox{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:48px 80px;background:#05101bf0}.lightbox figure{max-width:100%;max-height:100%;margin:0;text-align:center}.lightbox img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain}.lightbox figcaption{margin-top:10px;color:#d9e5ee;font-size:13px}.lightbox-close,.lightbox-arrow{position:fixed;border:0;color:#fff;background:#ffffff1a}.lightbox-close{right:24px;top:20px;width:45px;height:45px;border-radius:50%;font-size:30px;line-height:1}.lightbox-arrow{top:50%;width:50px;height:70px;transform:translateY(-50%);border-radius:14px;font-size:44px}.lightbox-arrow.previous{left:18px}.lightbox-arrow.next{right:18px}.dialog-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0a1c2db3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-card{width:min(520px,100%);padding:34px;border-radius:22px;background:#fff;box-shadow:0 30px 70px #0000003d;text-align:center}.dialog-icon{width:52px;height:52px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:#9b6314;background:#fff0ce;font-size:26px;font-weight:800}.dialog-card h2{margin:0;font-size:23px}.dialog-card p{color:var(--muted)}.dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.result-shell{min-height:100vh;display:grid;place-items:center;padding:40px 20px}.result-card{width:min(680px,100%);padding:clamp(30px,6vw,62px);text-align:center;border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.result-icon{width:76px;height:76px;display:grid;place-items:center;margin:20px auto;border-radius:50%;font-size:36px;font-weight:800}.result-icon.passed{color:#087b72;background:#def5f1}.result-icon.failed{color:#b53b47;background:#ffe9eb}.result-card h1{font-size:38px}.score{margin:25px 0 0;color:#43596f;font-size:24px}.score strong{color:#15283d;font-size:52px}.grade{display:inline-block;margin:12px 0 30px;padding:8px 13px;border-radius:10px;font-weight:800}.grade.passed{color:#087b72;background:#e6f7f4}.grade.failed{color:#b53b47;background:#fff0f1}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;margin-bottom:28px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.result-stats div{display:grid;gap:4px;justify-items:center}.result-stats strong{font-size:22px}.result-stats span:last-child{color:var(--muted);font-size:11px}.dot{width:8px;height:8px;border-radius:50%}.dot.correct{background:#10a18f}.dot.incorrect{background:#d9515d}.dot.empty{background:#a7b2bd}.result-actions{justify-content:center}.review-shell{width:min(1000px,calc(100% - 40px));margin:48px auto 80px}.review-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.review-header h1{font-size:38px}.review-header p:last-child{color:var(--muted)}.review-list{display:grid;gap:20px}.review-card{padding:clamp(24px,4vw,40px);border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 10px 30px #1e42620f}.review-number{margin-bottom:12px;color:#c24350;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.review-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.review-answers>div{padding:19px;border-radius:13px}.review-answers h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.review-answers ul{margin:0;padding-left:19px}.review-answers li,.review-answers p{margin:6px 0;line-height:1.5;font-size:14px}.wrong-answer{color:#7d2831;background:#fff0f1}.right-answer{color:#076d66;background:#e8f7f4}.empty-answer{color:#5f6d7a;background:#f0f3f6}.comment{margin-top:16px;padding:18px 20px;border-radius:12px;color:#66500f;background:#fff8dc;font-size:14px}.comment p{margin:7px 0 0;line-height:1.55}.review-footer{margin-top:26px;text-align:center}@media (max-width: 900px){.start-card{grid-template-columns:1fr}.start-visual{min-height:240px}.quiz-layout{grid-template-columns:1fr}.nav-card{position:static;order:-1}.nav-card h2,.legend,.finish-link{display:none}.question-nav{grid-template-columns:repeat(8,1fr)}.quiz-heading{flex-direction:column;align-items:stretch;gap:12px}}@media (max-width: 620px){.start-shell{padding:0}.start-card{min-height:100vh;border:0;border-radius:0}.start-content{padding:36px 24px 44px}.facts{grid-template-columns:1fr;gap:14px}.facts div{flex-direction:row;align-items:center;gap:10px}.start-actions,.result-actions{flex-direction:column}.topbar{height:70px;padding:0 16px}.brand-name{font-size:12px}.reset-link{font-size:0}.reset-link:after{content:"Сбросить";font-size:12px}.quiz-layout{width:calc(100% - 24px);margin-top:18px}.nav-card{padding:13px;overflow-x:auto}.question-nav{grid-template-columns:repeat(16,38px)}.question-nav button{width:38px;height:38px}.question-card{padding:22px 18px;border-radius:16px}.question-context{padding:16px}.image-gallery.multiple{grid-template-columns:1fr}.image-button img{height:auto;max-height:360px}.quiz-actions{gap:10px}.quiz-actions .button{flex:1;padding:0 12px}.dialog-actions{flex-direction:column}.lightbox{padding:60px 14px}.lightbox-arrow{top:auto;bottom:8px;height:48px}.review-shell{width:calc(100% - 24px);margin-top:24px}.review-header{align-items:flex-start;flex-direction:column}.review-answers{grid-template-columns:1fr}.result-stats{grid-template-columns:1fr;gap:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}