:root{color:#172033;background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #1f67d2;--blue-dark: #174a9a;--ink: #172033;--muted: #687389;--line: #dbe3f1;--soft: #eef4ff;--green: #167245;--green-bg: #e9f8ef;--red: #b42318;--red-bg: #fff0ed;--shadow: 0 12px 30px rgba(35, 48, 86, .11);--page-bg: #f6f8fc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button{font:inherit}.page-shell{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;padding:38px 18px 64px}.page-shell:before{position:absolute;inset:0;z-index:-2;content:"";background:linear-gradient(135deg,rgba(31,103,210,.1),transparent 36%),radial-gradient(circle at 84% 16%,rgba(22,114,69,.12),transparent 34%),linear-gradient(180deg,#ffffff 0%,var(--page-bg) 56%,#edf2fa 100%)}.page-shell:after{position:absolute;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(23,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.035) 1px,transparent 1px);background-size:48px 48px;opacity:.34}.app-intro{width:min(760px,100%);margin:0 auto 22px;text-align:center;animation:rise-in .6s ease both}.eyebrow,.label,.source,.question-meta,.card-footer{margin:0;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.eyebrow{color:var(--blue)}h1,h2,p{margin-top:0}h1{max-width:680px;margin:8px auto 10px;color:var(--ink);font-size:clamp(2rem,7vw,4.25rem);line-height:.98;letter-spacing:0}.intro-copy{margin-bottom:6px;color:var(--muted);font-size:1rem}.partner-copy,.source-disclaimer{margin:0;color:var(--muted);font-size:.9rem}.partner-copy{margin-top:6px}.exam-card{position:relative;contain:paint;overflow:hidden;width:min(760px,100%);min-height:560px;margin:0 auto;padding:24px;border:1px solid rgba(219,227,241,.92);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#fafdfff0),#fffffff5;box-shadow:var(--shadow);animation:card-in .64s 80ms ease both}.exam-card:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 42%),linear-gradient(315deg,rgba(31,103,210,.055),transparent 46%)}.exam-card>*{position:relative;z-index:1}.card-topline,.question-meta,.card-footer,.feedback{display:flex;align-items:center;justify-content:space-between;gap:16px}.source{margin-top:4px;color:#8a95a8;text-transform:none}.card-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(76px,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#f7faff}.segmented-control button,.primary-action,.feedback button{min-height:42px;border:0;border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.segmented-control button{padding:0 14px;color:var(--muted);background:transparent;font-weight:800}.segmented-control button.active{color:#fff;background:var(--blue);box-shadow:0 5px 12px #1f67d22e}.progress-track{height:8px;margin:22px 0 26px;overflow:hidden;border-radius:999px;background:#e9eef7}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#26a269);transition:width .36s ease}.question-panel{animation:fade-slide .3s ease both}.question-meta{margin-bottom:16px;color:#6d7890}.question-panel h2,.completion-state h2{margin-bottom:22px;color:var(--ink);font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.14;letter-spacing:0}.answer-grid{display:grid;gap:12px}.answer-button{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;width:100%;min-height:64px;padding:17px 18px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;cursor:pointer;text-align:left;overflow-wrap:anywhere;word-break:normal;box-shadow:0 4px 12px #2330560d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.answer-button:hover:not(:disabled),.answer-button:focus-visible,.primary-action:hover,.feedback button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2330561a}.answer-button:focus-visible,.segmented-control button:focus-visible,.primary-action:focus-visible,.feedback button:focus-visible{outline:3px solid rgba(31,103,210,.28);outline-offset:3px}.answer-button:disabled{cursor:default}.answer-marker{width:18px;height:18px;margin-top:2px;border:2px solid #9aa8bd;border-radius:50%;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.answer-button.correct{border-color:#16724580;background:var(--green-bg)}.answer-button.correct .answer-marker{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 4px var(--green-bg)}.answer-button.wrong{border-color:#b4231875;background:var(--red-bg)}.answer-button.wrong .answer-marker{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 4px var(--red-bg)}.feedback{min-height:74px;margin-top:18px;padding:16px 0 0;color:var(--muted);border-top:1px solid var(--line);line-height:1.45}.feedback.visible{color:var(--ink)}.feedback strong{margin-right:4px}.feedback button,.primary-action{padding:0 20px;color:#fff;background:var(--blue);font-weight:800}.feedback button:hover,.primary-action:hover{background:var(--blue-dark)}.card-footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.source-disclaimer{margin-top:12px;line-height:1.45}.completion-state{display:grid;min-height:420px;align-content:center;justify-items:center;text-align:center;animation:fade-slide .32s ease both}.completion-state p{max-width:520px;margin-bottom:24px;color:var(--muted)}.result-badge{margin-bottom:16px;padding:8px 12px;border-radius:999px;color:var(--red);background:var(--red-bg);font-size:.8rem;font-weight:900}.result-badge.pass{color:var(--green);background:var(--green-bg)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.page-shell{padding:18px 10px 28px}.page-shell:before{background:var(--page-bg)}.page-shell:after{display:none}.app-intro{margin-bottom:14px;animation:none}.eyebrow,.label,.source,.question-meta,.card-footer{font-size:.72rem}h1{max-width:360px;margin-top:6px;margin-bottom:8px;font-size:clamp(1.85rem,12vw,2.7rem);line-height:1.02}.intro-copy,.partner-copy{max-width:330px;margin-left:auto;margin-right:auto;font-size:.92rem;line-height:1.35}.exam-card{min-height:auto;padding:14px;background:#fff;box-shadow:none;animation:none}.exam-card:before{display:none}.card-topline,.feedback,.card-footer{align-items:stretch;flex-direction:column}.card-topline{gap:12px}.card-controls,.segmented-control{width:100%}.card-controls{gap:6px}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control button{min-height:40px;padding:0 10px;font-size:.9rem}.progress-track{height:7px;margin:16px 0 18px}.question-meta{gap:6px;margin-bottom:12px}.question-panel h2,.completion-state h2{margin-bottom:16px;font-size:clamp(1.24rem,7vw,1.65rem);line-height:1.18}.answer-grid{gap:10px}.answer-button{grid-template-columns:16px minmax(0,1fr);gap:10px;min-height:58px;padding:14px 13px;font-size:.95rem;line-height:1.32;box-shadow:none;transition:border-color .12s ease,background .12s ease}.answer-marker{width:16px;height:16px;margin-top:1px}.answer-button:hover:not(:disabled),.answer-button:focus-visible,.primary-action:hover,.feedback button:hover{transform:none;box-shadow:none}.question-panel,.completion-state{animation:none}.feedback{gap:12px;min-height:auto;margin-top:14px;padding-top:14px;font-size:.94rem}.feedback button,.primary-action{width:100%;min-height:46px}.card-footer{gap:8px;margin-top:14px;padding-top:12px}.source-disclaimer{margin-top:10px;font-size:.8rem}.completion-state{min-height:360px}}@media(max-width:380px){.page-shell{padding-left:8px;padding-right:8px}.exam-card{padding:12px}.answer-button{padding:13px 11px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}