:root{--bg: #0a1020;--surface: #141d31;--surface-2: #1b2540;--border: #28334e;--text: #eaf0fa;--muted: #93a1b8;--primary: #16c4b2;--primary-d: #0f9c8e;--danger: #ef4444;--ok: #10b981;--radius: 18px;--font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--display: "Montserrat", var(--font);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font);background:radial-gradient(1100px 620px at 50% -12%,#16213c 0%,var(--bg) 58%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.wrap{max-width:760px;margin:0 auto;padding:18px 18px 44px}.brand{display:flex;align-items:center;gap:13px;padding:6px 2px 16px}.brand>svg{flex:none}.brand .txt{border-left:1px solid var(--border);padding-left:13px}.brand h1{font-family:var(--display);font-size:18px;margin:0;font-weight:800;letter-spacing:.2px}.brand .sub{font-size:11.5px;color:var(--muted);margin-top:3px}.card{position:relative;background:linear-gradient(180deg,#18223a66,transparent),var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px;overflow:hidden;box-shadow:0 20px 50px #0006}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#e31e26,#0c90cc)}label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:7px;font-weight:600}.field{margin-bottom:14px}input,select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:13px;font-size:16px;font-family:inherit;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--primary)}.hint{font-size:11.5px;color:var(--muted);margin-top:7px;line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border:none;border-radius:13px;background:linear-gradient(180deg,var(--primary),var(--primary-d));color:#04221e;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 10px 22px #16c4b23a;transition:transform .12s ease,filter .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost{background:transparent;color:var(--muted);box-shadow:none}.btn-row{display:flex;gap:10px}.muted{color:var(--muted)}.center{text-align:center}.error-box{background:#ef44441f;border:1px solid var(--danger);color:#fecaca;padding:12px;border-radius:10px;font-size:14px;margin-bottom:12px}.info-box{background:#0f766e1a;border:1px solid #16c4b240;padding:14px;border-radius:14px;font-size:12.5px;line-height:1.6;color:#cdeeea}.info-box b{color:#8ff0e5}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.exam-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.exam-bar .progress{font-size:14px;font-weight:700}.exam-bar .progress small{color:var(--muted);font-weight:500}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:15px;padding:6px 13px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.timer.warn{color:#fecaca;border-color:var(--danger);background:#ef44441f}.pause-btn{width:auto;flex:none;padding:6px 12px;font-size:13px;border-radius:999px}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:24px;background:#080d1af5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.pause-box{text-align:center;max-width:360px;width:100%}.pause-title{font-size:20px;font-weight:800;color:var(--muted);letter-spacing:.02em}.pause-timer{font-family:var(--display);font-size:58px;font-weight:800;margin:8px 0 6px;font-variant-numeric:tabular-nums;color:var(--text)}.pause-sub{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:20px}.pause-box .btn{max-width:220px;margin:0 auto}.prog{height:7px;background:#1a2238;border-radius:999px;overflow:hidden;margin-bottom:16px}.prog>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#0C90CC,var(--primary));transition:width .45s cubic-bezier(.4,0,.2,1)}.q-num{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.q-text{font-size:17px;font-weight:700;line-height:1.38;margin:2px 0 15px}.q-image{width:100%;border-radius:12px;border:1px solid var(--border);margin-bottom:14px}.opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:var(--surface-2);border:1.5px solid var(--border);border-radius:14px;color:var(--text);padding:12px 14px;font-size:15px;line-height:1.4;font-family:inherit;margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s}.opt>span:last-child{padding-top:3px}.opt:last-child{margin-bottom:0}.opt:hover{border-color:#3b4a6e}.opt:active{transform:scale(.99)}.opt .mark{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid #3a4766;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--muted);transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s,border-color .15s}.opt.sel{border-color:var(--primary);background:#16c4b21f;box-shadow:0 0 0 3px #16c4b216}.opt.sel .mark{background:var(--primary);border-color:var(--primary);color:#04221e;transform:scale(1.12)}.opt.correct{border-color:var(--ok);background:#10b9811f}.opt.correct .mark{background:var(--ok);border-color:var(--ok);color:#04221e}.opt.wrong{border-color:var(--danger);background:#ef44441a}.result-big{text-align:center;padding:6px 0 2px;display:flex;flex-direction:column;align-items:center}.ring{position:relative;width:176px;height:176px}.ring svg{transform:rotate(-90deg)}.ring .track{stroke:#1a2238}.ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring .pct{font-family:var(--display);font-size:46px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.ring .cap{font-size:11.5px;color:var(--muted);margin-top:3px}.result-verdict{margin-top:15px;padding:9px 22px;border-radius:999px;font-weight:800;font-size:15px;animation:pop .4s .45s both}.result-verdict.pass{background:#10b98122;color:#6ee7b7;border:1px solid var(--ok)}.result-verdict.fail{background:#ef44441c;color:#fecaca;border:1px solid var(--danger)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.enter{animation:enter .5s cubic-bezier(.22,1,.36,1) both}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.q-anim.from-right{animation:slideR .32s cubic-bezier(.22,1,.36,1)}.q-anim.from-left{animation:slideL .32s cubic-bezier(.22,1,.36,1)}@keyframes slideR{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@keyframes slideL{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}