:root{--ink:#152033;--navy:#000000;--sky:#29ABE0;--mint:#000000;--paper:#f5f7fb;--line:#e1e7f0;--muted:#67758b;--danger:#c53a55;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#d9f4ff 0,transparent 25rem),var(--paper)}main{min-height:100vh}.card,.panel{background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(26,47,84,.08);border-radius:20px}.hero{max-width:760px;margin:18vh auto;padding:64px}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:.98;letter-spacing:-.065em;max-width:650px;margin:12px 0 24px}.hero p{font-size:1.15rem;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:var(--sky)}.brand{font-weight:800;font-size:1.2rem;letter-spacing:-.04em}.brand span{color:var(--sky)}.participant-shell,.quiz-shell{max-width:720px;margin:auto;padding:34px 20px}.participant-shell>.brand{margin:8vh 0 28px}.participant-shell .card{padding:42px}.participant-shell h1,.result h1{font-size:2.25rem;line-height:1.05;letter-spacing:-.05em;margin:12px 0}.participant-shell p{color:var(--muted);line-height:1.55}form{display:grid;gap:16px;margin-top:26px}label{display:grid;gap:7px;font-size:.88rem;font-weight:700}input,textarea,select{font:inherit;padding:12px 13px;border:1px solid #cbd5e1;border-radius:9px;color:var(--ink);background:#fff}textarea{min-height:92px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #cde0ff;border-color:var(--sky)}button{border:0;border-radius:10px;padding:13px 18px;background:var(--sky);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:.18s transform,.18s background}button:hover{background:#168fc0;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.fineprint,.muted,small{font-size:.8rem;color:var(--muted)}.notice{border-radius:9px;padding:11px 13px!important;background:#fff0f3!important;color:#9c1f40!important;font-size:.9rem!important}.text-link{font-weight:800;color:var(--sky)}.quiz-shell header{display:flex;align-items:center;justify-content:space-between;margin:24px 0}.timer{font-size:.8rem;color:var(--muted);text-align:right}.timer strong{display:block;font-size:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums}.questions{padding:42px}.question{display:none}.question.active{display:block}.progress{font-size:.85rem;font-weight:800;color:var(--sky);margin:0 0 14px}.question h2{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 28px}.options{display:grid;gap:10px}.option{grid-template-columns:auto auto 1fr;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;font-weight:600;transition:.15s border,.15s background}.option:has(input:checked){border-color:var(--sky);background:#edfaff}.option input{accent-color:var(--sky);padding:0}.option span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef2f7;color:var(--sky);font-size:.75rem}.next{margin-top:28px;float:right}.answer-error{min-height:1.2em;margin:13px 0 0;color:var(--danger);font-size:.86rem;font-weight:700}.result{max-width:620px;margin:18vh auto;padding:54px;text-align:center}.score{display:grid;gap:4px;border-radius:16px;padding:25px;margin:28px 0;background:#f3f6fa}.score strong{font-size:3.3rem;letter-spacing:-.08em}.score.pass{background:#e7faf3;color:#167b5d}.score.fail{background:#fff3f5;color:#aa3651}.login{max-width:430px;margin:16vh auto;padding:40px}.login h1{letter-spacing:-.05em;margin:10px 0}.admin{background:#f3f6fb}.admin-shell{max-width:1360px;margin:auto;padding:24px}.admin-head{display:flex;justify-content:space-between;align-items:center;padding:12px 0 30px}.admin-head nav{display:flex;gap:20px}.admin-head a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.metrics div{background:var(--navy);border-radius:14px;color:#fff;padding:22px}.metrics span{display:block;font-size:.8rem;opacity:.7}.metrics strong{font-size:2rem;letter-spacing:-.06em}.panel{padding:28px;margin:22px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title h1{font-size:1.55rem;letter-spacing:-.045em;margin:5px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}td,th{padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;margin-top:4px}td button{padding:7px 10px;font-size:.76rem;background:#edfaff;color:var(--sky)}.copy-link{color:var(--sky);font-weight:800;font-size:.82rem}dialog{max-width:640px;width:calc(100% - 30px);border:0;border-radius:18px;padding:0;box-shadow:0 30px 80px rgba(26,47,84,.35)}dialog::backdrop{background:rgba(0,0,0,.55)}dialog form{padding:28px;margin:0}.modal-title{display:flex;justify-content:space-between;align-items:center}.modal-title h2{margin:0;letter-spacing:-.04em}.modal-title button{background:none;color:var(--ink);font-size:1.8rem;padding:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:9px;margin-top:9px}.check input{width:auto}.check input+*{display:inline}
@media(max-width:650px){.hero{margin:10vh 16px;padding:35px}.participant-shell .card,.questions,.result{padding:28px}.metrics{grid-template-columns:1fr}.admin-head{align-items:flex-start;gap:16px;flex-direction:column}.admin-head nav{gap:12px;flex-wrap:wrap}.grid-3,.answers{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.quiz-shell header{margin-top:0}}
.brand img{display:block;max-width:180px;max-height:54px;width:auto;object-fit:contain}.result>.brand{justify-content:center;margin-bottom:28px}.metrics.compact{margin:24px 0 0}.session-hero h1{letter-spacing:-.05em;margin:6px 0}.button-lite{display:inline-block;padding:7px 10px;font-size:.76rem;background:#eef4ff;color:var(--sky);border-radius:8px;text-decoration:none;font-weight:800}.logo-thumb{width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:8px}.color-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-left:8px;border:1px solid #d7dde8}
.duplicate-form{display:inline;margin:0}.duplicate-form button{margin-left:4px}
.danger-form{display:inline;margin:0}.danger-form button{margin-left:4px;background:#fff0f3!important;color:#a62d4b!important}.danger-form button:hover{background:#ffdce4!important}
.status-pill{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800;white-space:nowrap}.status-pill.is-active,.status-pill.is-pass{background:#e3f9ed;color:#167b5d}.status-pill.is-closed{background:#f1f3f6;color:#596579}.status-pill.is-fail{background:#fff0f3;color:#a62d4b}.status-pill.is-pending{background:#fff6d9;color:#8a6500}.results-controls td{background:#f8fbff}.results-controls label{display:flex;align-items:center;gap:10px;font-size:.8rem}.results-controls select{padding:7px 9px}
body.result{max-width:none;margin:0;padding:0;text-align:initial;background:var(--paper)}body.result main{min-height:100vh;display:grid;place-items:center;padding:32px 20px}body.result section.result{width:min(620px,100%);margin:0;padding:54px;text-align:center}body.result section.result>.brand{justify-content:center;margin-bottom:28px}@media(max-width:650px){body.result section.result{padding:28px}}