:root{color:#152b48;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#152b48;--muted:#687f9b;--blue:#397fc4;--blue-dark:#2867a7;--blue-soft:#eaf4ff;--line:#dce8f5;--paper:#fff;--green:#216b42;--red:#a43f45;--page:#f5f9ff;--surface-raised:#fff;--control-surface:#f4f8fd;--shadow:0 18px 55px #1f426914;background:#f5f9ff;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-weight:400}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7f0fb;--ink:#e7f0fb;--muted:#a3b4c9;--blue:#8bc4fb;--blue-dark:#a6d2ff;--blue-soft:#1d3550;--line:#2a3e55;--paper:#172536;--green:#9fdbb1;--red:#ffb1b5;--page:#101a27;--surface-raised:#1b2b3e;--control-surface:#203249;--shadow:0 20px 60px #0000003d;background:#101a27}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0;transition:background-color .2s,color .2s}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #77b5fa}.shell{width:100%;max-width:1080px;min-height:100vh;margin:0 auto;padding:0 16px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:68px;display:flex}.brand{color:var(--ink);font-weight:700;font-size:calc(14px * var(--text-scale,1));align-items:center;gap:9px;text-decoration:none;display:flex}.brand-icon{background:var(--blue);color:#fff;width:36px;height:36px;font-size:calc(17px * var(--text-scale,1));border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.brand-sub{color:var(--muted);font-size:calc(8px * var(--text-scale,1));letter-spacing:1.2px;margin-top:2px;display:block}.top-note{color:var(--muted);font-size:calc(10px * var(--text-scale,1));text-align:right;align-items:center;gap:7px;display:flex}.live-dot{background:#4c9be8;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.welcome-overlay{z-index:20;pointer-events:none;background:#122d4d38;justify-content:center;align-items:center;padding:20px;animation:3s ease-in forwards welcome-overlay-out;display:flex;position:fixed;inset:0;overflow:hidden}.welcome-toast{z-index:1;border:1px solid var(--line);background:linear-gradient(145deg, var(--paper) 0%, var(--page) 100%);width:min(100%,390px);box-shadow:var(--shadow);text-align:center;color:var(--ink);cursor:pointer;font:inherit;pointer-events:auto;border-radius:20px;padding:31px 25px 27px;animation:.5s cubic-bezier(.2,.8,.2,1) both welcome-toast-in;position:relative}.welcome-toast:focus-visible{outline-offset:5px;outline:3px solid #77b5fa}.welcome-dismiss-hint{color:var(--muted);font-size:calc(11px * var(--text-scale,1));margin-top:13px;display:block}.welcome-seal{border:1px solid var(--line);background:var(--blue-soft);width:50px;height:50px;color:var(--blue);font-size:calc(24px * var(--text-scale,1));border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.welcome-kicker{color:var(--muted);font-size:calc(9px * var(--text-scale,1));letter-spacing:2px;font-weight:700;display:block}.welcome-toast strong{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:calc(25px * var(--text-scale,1));letter-spacing:-.45px;margin-top:11px;line-height:1.28;display:block}.welcome-rule{background:linear-gradient(90deg,#8ec6fb,#397fc4);width:42px;height:2px;margin:17px auto 0;display:block}.welcome-confetti{position:absolute;inset:0;overflow:hidden}.welcome-confetti i{opacity:0;background:#d1aa50;border-radius:2px;width:7px;height:12px;animation:1.35s cubic-bezier(.15,.65,.3,1) both welcome-confetti-burst;position:absolute;top:42%}.welcome-confetti i:nth-child(3n){background:#4e91d1;border-radius:50%;width:5px;height:5px}.welcome-confetti i:nth-child(3n+1){background:#82b7a1}.welcome-confetti i:nth-child(4n){background:#e7c86f;width:4px;height:10px}.text-size-controls{border:1px solid var(--line);background:var(--surface-raised);border-radius:13px;align-items:center;margin-left:12px;padding:4px;display:flex;box-shadow:0 3px 12px #1c4e810f}.text-size-label{color:var(--muted);font-size:calc(12px * var(--text-scale,1));white-space:nowrap;margin:0 8px;font-weight:600}.text-size-controls button{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);font-size:calc(21px * var(--text-scale,1));cursor:pointer;border:0;border-radius:10px;font-weight:700}.text-size-controls button:not(:disabled):hover{background:#dceeff}.text-size-controls button:disabled{opacity:.4;cursor:default}.text-size-controls output{min-width:50px;color:var(--ink);font-size:calc(13px * var(--text-scale,1));text-align:center;font-weight:700}.welcome{max-width:800px;margin:28px auto 38px;padding:31px 22px 25px;position:relative;overflow:hidden}.eyebrow{color:var(--blue);font-size:calc(9px * var(--text-scale,1));letter-spacing:1.4px;align-items:center;gap:8px;font-weight:700;display:flex}.eyebrow-line{background:#65a8ec;width:18px;height:2px}.welcome h1,.quiz-heading h1,.result-card h1{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:calc(32px * var(--text-scale,1));letter-spacing:-.7px;margin:17px 0 12px;line-height:1.18}.welcome h1 span{color:var(--blue)}.intro{max-width:490px;color:var(--muted);font-size:calc(14px * var(--text-scale,1));margin:0 0 21px;line-height:1.65}.primary{background:var(--blue);color:#fff;min-height:46px;font-size:calc(14px * var(--text-scale,1));cursor:pointer;border:0;border-radius:9px;padding:12px 17px;font-weight:700}.primary:disabled{opacity:.65;cursor:wait}.primary span{margin-left:12px}.start-button{text-align:left;min-width:148px}.welcome-meta{color:var(--muted);font-size:calc(10px * var(--text-scale,1));flex-wrap:wrap;align-items:center;gap:8px;margin-top:25px;display:flex}.welcome-meta i{background:#83acd4;border-radius:50%;width:3px;height:3px}.decor{pointer-events:none;border-radius:50%;position:absolute}.decor-one{border:1px solid #e1effd;width:150px;height:150px;top:27px;right:-85px}.decor-two{background:#f4f9ff;border:1px solid #e5f1fd;width:110px;height:110px;top:47px;right:-65px}.quiz-layout{max-width:740px;margin:27px auto 38px}.quiz-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.quiz-heading h1{font-size:calc(23px * var(--text-scale,1));letter-spacing:-.6px;margin:8px 0 0}.question-count{color:var(--muted);font-size:calc(12px * var(--text-scale,1));white-space:nowrap;padding-bottom:2px}.question-count strong{color:var(--blue);font-size:calc(22px * var(--text-scale,1))}.progress-track{background:#dceafa;border-radius:8px;height:5px;margin-bottom:13px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--blue);height:100%;transition:width .2s;display:block}.question-card{padding:22px 16px 17px}.question-label{color:var(--blue);font-size:calc(9px * var(--text-scale,1));letter-spacing:1.4px;font-weight:700}.question-card h2{color:var(--ink);font-size:calc(19px * var(--text-scale,1));letter-spacing:-.2px;margin:12px 0 18px;line-height:1.45}.answers{gap:9px;display:grid}.answer{border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.answer:not(:disabled):hover{background:#f8fbff;border-color:#82b8ed}.answer:disabled{cursor:default}.option-letter{background:var(--blue-soft);width:28px;height:28px;color:var(--blue);font-size:calc(11px * var(--text-scale,1));border-radius:7px;flex:0 0 28px;place-items:center;font-weight:700;display:grid}.option-text{min-width:0;font-size:calc(13px * var(--text-scale,1));overflow-wrap:anywhere;flex:1;line-height:1.5}.answer-status{color:inherit;font-size:calc(10px * var(--text-scale,1));text-align:right;font-weight:700}.answer.correct{color:var(--green);background:#eef8f1;border-color:#8bbca0}.answer.correct .option-letter{color:var(--green);background:#d9eddf}.answer.incorrect{color:var(--red);background:#fff2f2;border-color:#dfa1a4}.answer.incorrect .option-letter{color:var(--red);background:#f8dfe0}.feedback{font-size:calc(12px * var(--text-scale,1));border-radius:8px;align-items:flex-start;gap:9px;margin-top:13px;padding:11px;line-height:1.55;display:flex}.feedback-icon{border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;font-weight:700;display:grid}.feedback-good{color:var(--green);background:#eef8f1}.feedback-good .feedback-icon{background:#d9eddf}.feedback-bad{color:var(--red);background:#fff2f2}.feedback-bad .feedback-icon{background:#f8dfe0}.question-footer{color:var(--muted);font-size:calc(11px * var(--text-scale,1));flex-direction:column;align-items:stretch;gap:12px;margin-top:18px;display:flex}.question-footer>span{padding-top:3px}.next-button{width:100%}.footer-progress{color:var(--muted);font-size:calc(9px * var(--text-scale,1));justify-content:space-between;gap:10px;margin-top:11px;display:flex}.result-card{text-align:center;max-width:540px;margin:34px auto 40px;padding:31px 20px;position:relative;overflow:hidden}.result-badge{color:var(--blue);font-size:calc(9px * var(--text-scale,1));letter-spacing:1.6px;font-weight:700}.result-mark{background:var(--blue-soft);width:46px;height:46px;color:var(--blue);font-size:calc(21px * var(--text-scale,1));border-radius:50%;place-items:center;margin:18px auto 0;display:grid}.result-card h1{font-size:calc(29px * var(--text-scale,1));letter-spacing:-.7px;margin:15px 0 7px}.result-card>p{color:var(--muted);font-size:calc(13px * var(--text-scale,1));margin:0;line-height:1.5}.score-grid{grid-template-columns:1fr 1fr;gap:9px;margin:23px 0 13px;display:grid}.score-cell{text-align:left;border-radius:9px;flex-direction:column;align-items:flex-start;gap:7px;padding:13px;display:flex}.score-good{color:var(--green);background:#eef8f1}.score-bad{color:var(--red);background:#fff2f2}.score-cell span{font-size:calc(11px * var(--text-scale,1))}.score-cell strong{font-size:calc(24px * var(--text-scale,1))}.result-total{border-top:1px solid var(--line);color:var(--muted);font-size:calc(11px * var(--text-scale,1));justify-content:space-between;padding:13px 2px 17px;display:flex}.result-total strong{color:var(--ink)}.result-card>.primary{width:100%}.result-passed{border-color:#b8dfc6}.result-passed .result-badge,.result-passed .result-mark{color:var(--green)}.result-passed .result-mark{background:#e4f5e9}.result-failed .result-mark{color:var(--muted);background:#f0f4f9}.confetti{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:#2877cf;border-radius:2px;width:7px;height:11px;animation:3.2s linear infinite confetti-fall;position:absolute;top:-12px}.confetti i:nth-child(3n){background:#f2b84b}.confetti i:nth-child(3n+1){background:#49a875}.confetti i:nth-child(4n){width:5px;height:8px}.result-card>:not(.confetti){position:relative}@keyframes confetti-fall{0%{transform:translateY(-12px)rotate(0)}to{transform:translateY(390px)rotate(540deg)}}@keyframes welcome-overlay-out{0%,8%{opacity:0}18%,72%{opacity:1}to{opacity:0}}@keyframes welcome-toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-confetti-burst{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:.95}to{opacity:0;transform:translateY(170px)rotate(280deg)}}.error-toast{z-index:5;color:#fff;max-width:540px;font-size:calc(12px * var(--text-scale,1));background:#17345c;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:auto;padding:12px 14px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 5px 18px #0d2b4e33}.error-toast button{color:#fff;font-size:calc(20px * var(--text-scale,1));cursor:pointer;background:0 0;border:0}.site-footer{border-top:1px solid var(--line);color:#8196ae;min-height:50px;font-size:calc(8px * var(--text-scale,1));letter-spacing:.8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.site-footer span:last-child{text-align:right}@media (width>=600px){.shell{padding:0 28px}.topbar{min-height:78px}.top-note{font-size:calc(12px * var(--text-scale,1))}.welcome{margin:52px auto 58px;padding:52px 48px 40px}.welcome h1{font-size:calc(42px * var(--text-scale,1));letter-spacing:-1.5px}.intro{font-size:calc(15px * var(--text-scale,1))}.welcome-meta{font-size:calc(11px * var(--text-scale,1));margin-top:30px}.decor-one{width:220px;height:220px;top:45px;right:20px}.decor-two{width:160px;height:160px;top:75px;right:50px}.quiz-layout{margin-top:43px}.quiz-heading h1{font-size:calc(29px * var(--text-scale,1))}.question-card{padding:32px 34px 23px}.question-card h2{font-size:calc(22px * var(--text-scale,1))}.answer{gap:13px;padding:12px 14px}.option-text{font-size:calc(14px * var(--text-scale,1))}.question-footer{flex-direction:row;justify-content:space-between;align-items:center}.next-button{width:auto}.result-card{margin:56px auto;padding:40px}.score-cell{flex-direction:row;justify-content:space-between;align-items:center;padding:17px}.score-cell span{font-size:calc(12px * var(--text-scale,1))}.error-toast{width:max-content;bottom:20px;left:auto;right:20px}.site-footer{min-height:60px;font-size:calc(9px * var(--text-scale,1))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.confetti i{animation:none;display:none}.welcome-overlay,.welcome-toast,.welcome-confetti i{animation:none}}.brand{gap:0}.brand-icon{margin-right:9px}.brand-icon,.option-letter,.feedback-icon,.result-mark{justify-content:center;align-items:center;display:flex}.topbar{gap:0}.top-note{margin-left:12px}.live-dot{margin-right:7px}.eyebrow{gap:0}.eyebrow-line{margin-right:8px}.welcome-meta{gap:0}.welcome-meta>*{margin-right:8px}.welcome-meta>:last-child{margin-right:0}.answers{flex-direction:column;gap:0;display:flex}.answer+.answer{margin-top:9px}.answer{gap:0}.option-letter{margin-right:10px}.feedback{gap:0}.feedback-icon{margin-right:9px}.question-footer{gap:0}.question-footer>button{margin-top:12px}.footer-progress{gap:0}.question-count{margin-left:12px}.footer-progress>:last-child{margin-left:10px}.score-grid{gap:0;display:flex}.score-cell{flex:1 1 0;gap:0;min-width:0;margin-right:9px}.score-cell:last-child{margin-right:0}.score-cell strong{margin-top:7px}.error-toast{gap:0}.error-toast button{flex:0 0 24px;margin-left:12px}.site-footer{gap:0}.site-footer span:last-child{margin-left:12px}button:focus,a:focus{outline-offset:2px;outline:2px solid #77b5fa}@media (width>=600px){.question-footer>button{margin-top:0;margin-left:12px}.score-cell strong{margin-top:0;margin-left:7px}}@media (width<=380px){.shell{padding-left:12px;padding-right:12px}.topbar{min-height:60px}.brand{font-size:calc(13px * var(--text-scale,1))}.top-note{font-size:calc(9px * var(--text-scale,1))}.welcome{margin-top:20px;margin-bottom:27px;padding:25px 16px 20px}.welcome h1{font-size:calc(28px * var(--text-scale,1));letter-spacing:-.8px}.intro{font-size:calc(13px * var(--text-scale,1));line-height:1.5}.welcome-meta{font-size:calc(9px * var(--text-scale,1))}.quiz-layout{margin-top:20px;margin-bottom:26px}.quiz-heading h1{font-size:calc(21px * var(--text-scale,1))}.question-card{padding:18px 12px 14px}.question-card h2{font-size:calc(18px * var(--text-scale,1))}.answer{flex-wrap:wrap;min-height:52px;padding:9px}.option-text{font-size:calc(12px * var(--text-scale,1))}.answer-status{text-align:left;flex:0 0 100%;margin-top:3px;margin-left:38px}.footer-progress{flex-direction:column}.footer-progress>:last-child{margin-top:4px;margin-left:0}.result-card{padding:25px 16px}.score-cell{padding:11px 8px}.score-cell span{font-size:calc(10px * var(--text-scale,1))}.site-footer{font-size:calc(7px * var(--text-scale,1))}}@media (width<=480px){.topbar{flex-wrap:wrap}.text-size-controls{background:#edf5ff;border-radius:14px;flex-basis:100%;justify-content:space-between;margin:12px 0 0;padding:6px}.text-size-label{min-width:0;font-size:calc(14px * var(--text-scale,1));white-space:normal;flex:1;margin-left:10px;line-height:1.25}.text-size-controls button{border-radius:10px;width:48px;height:48px}.text-size-controls output{min-width:58px;font-size:calc(15px * var(--text-scale,1))}}.header-tools{align-items:center;margin-left:auto;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface-raised);min-height:48px;color:var(--ink);font-size:calc(12px * var(--text-scale,1));cursor:pointer;border-radius:13px;justify-content:center;align-items:center;margin-left:10px;padding:0 14px;font-weight:600;display:inline-flex;box-shadow:0 3px 12px #1c4e810f}.theme-toggle>span:first-child{color:var(--blue);font-size:calc(18px * var(--text-scale,1));margin-right:8px}.theme-toggle:hover{border-color:var(--blue)}.welcome{box-shadow:var(--shadow);border-radius:22px}.question-card,.result-card{box-shadow:var(--shadow);border-radius:20px}.primary{background:linear-gradient(135deg,#4a91d3,#3278bb);border-radius:12px;box-shadow:0 7px 18px #397fc430}.primary:hover{background:linear-gradient(135deg,#3981c3,#2867a7)}:root[data-theme=dark] body{background:var(--page)}:root[data-theme=dark] .welcome-overlay{background:#030910b8}:root[data-theme=dark] .welcome-toast{background:linear-gradient(145deg,#1b2b3e,#142234)}:root[data-theme=dark] .welcome-toast strong{color:var(--ink)}:root[data-theme=dark] .topbar{border-color:var(--line)}:root[data-theme=dark] .text-size-controls,:root[data-theme=dark] .theme-toggle{background:var(--surface-raised);color:var(--ink)}:root[data-theme=dark] .text-size-controls button:not(:disabled):hover{background:#2b4967}:root[data-theme=dark] .card,:root[data-theme=dark] .answer{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .answer:not(:disabled):hover{border-color:var(--blue);background:#1e3147}:root[data-theme=dark] .answer.correct{color:#b6e9c3;background:#20392d;border-color:#4e8560}:root[data-theme=dark] .answer.correct .option-letter,:root[data-theme=dark] .feedback-good,:root[data-theme=dark] .feedback-good .feedback-icon{color:#b6e9c3;background:#294634}:root[data-theme=dark] .answer.incorrect{color:#ffc0c2;background:#40282d;border-color:#9a5a60}:root[data-theme=dark] .answer.incorrect .option-letter,:root[data-theme=dark] .feedback-bad,:root[data-theme=dark] .feedback-bad .feedback-icon{color:#ffc0c2;background:#4a2e34}:root[data-theme=dark] .score-good{color:#b6e9c3;background:#20392d}:root[data-theme=dark] .score-bad{color:#ffc0c2;background:#40282d}:root[data-theme=dark] .result-failed .result-mark{color:var(--muted);background:#28394d}:root[data-theme=dark] .result-passed{border-color:#416d50}:root[data-theme=dark] .result-passed .result-mark{color:#b6e9c3;background:#294634}:root[data-theme=dark] .decor-two{background:#1a2a3d;border-color:#23374e}:root[data-theme=dark] .decor-one{border-color:#293e56}:root[data-theme=dark] .welcome h1 span{color:var(--blue)}:root[data-theme=dark] .site-footer{color:#91a5bd}:root[data-theme=dark] .error-toast{color:var(--ink);background:#263b54}@media (width<=600px){.header-tools{flex-basis:100%;width:100%;margin:11px 0 0}}@media (width<=480px){.header-tools{align-items:stretch}.text-size-controls{flex:1;justify-content:space-between;margin:0;padding:5px}.text-size-label{font-size:calc(13px * var(--text-scale,1));margin:0 8px}.text-size-controls button{width:46px;min-width:46px;height:46px}.text-size-controls output{min-width:48px}.theme-toggle{flex:none;margin-left:8px;padding:0 11px}.theme-toggle-label{display:none}}