@import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.2.0/dist/tabler-icons.min.css";
.quiz-section{font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif;color:#111;-webkit-font-smoothing:antialiased;background:#f9fafb}.quiz-section *,.quiz-section :before,.quiz-section :after{box-sizing:border-box}.quiz-section .quiz-page{flex-direction:column;justify-content:center;align-items:center;padding:0 20px 48px;display:flex}.quiz-section .brand{letter-spacing:1.5px;text-transform:uppercase;color:#9ca3af;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:11px;font-weight:600;display:flex}.quiz-section .brand-h{color:#c41e2e}.quiz-section .brand-d{color:#d1d5db}.quiz-section .quiz-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:540px;padding:40px 36px}.quiz-section .intro-screen{text-align:center}.quiz-section .intro-eyebrow{letter-spacing:2px;text-transform:uppercase;color:#c41e2e;margin-bottom:14px;font-size:11px;font-weight:600}.quiz-section .intro-title{color:#111;letter-spacing:-.8px;margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.15}.quiz-section .intro-sub{color:#6b7280;max-width:380px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.65}.quiz-section .intro-stat-row{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;justify-content:center;gap:32px;margin-bottom:28px;padding:18px 0;display:flex}.quiz-section .intro-stat-num{color:#111;text-align:center;font-size:24px;font-weight:800;line-height:1}.quiz-section .intro-stat-lbl{letter-spacing:1px;text-transform:uppercase;color:#9ca3af;text-align:center;margin-top:4px;font-size:10px;font-weight:600}.quiz-section .start-btn{color:#fff;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:#c41e2e;border:none;border-radius:6px;width:100%;padding:15px 32px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s}.quiz-section .start-btn:hover{background:#a31825}.quiz-section .progress-dots{gap:5px;margin-bottom:28px;display:flex}.quiz-section .pdot{background:#f3f4f6;border-radius:2px;flex:1;height:3px;transition:background .3s}.quiz-section .pdot.active{background:#c41e2e}.quiz-section .pdot.done{background:#6b7280}.quiz-section .q-num{letter-spacing:1.5px;text-transform:uppercase;color:#9ca3af;margin-bottom:10px;font-size:11px;font-weight:600}.quiz-section .q-text{color:#111;letter-spacing:-.2px;margin-bottom:22px;font-size:19px;font-weight:700;line-height:1.4}.quiz-section .option-btn{text-align:left;cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:13px 16px;font-family:inherit;font-size:14px;transition:border-color .1s,background .1s;display:flex}.quiz-section .option-btn:hover:not(.locked){background:#fff5f5;border-color:#c41e2e}.quiz-section .option-btn.locked{cursor:default;pointer-events:none}.quiz-section .option-btn.correct{background:#f0fdf4;border-color:#16a34a}.quiz-section .option-btn.correct .opt-letter{color:#fff;background:#16a34a}.quiz-section .option-btn.correct .opt-text{color:#15803d;font-weight:600}.quiz-section .option-btn.wrong{background:#fef2f2;border-color:#dc2626}.quiz-section .option-btn.wrong .opt-letter{color:#fff;background:#dc2626}.quiz-section .option-btn.wrong .opt-text{color:#9ca3af}.quiz-section .option-btn.dimmed{opacity:.35}.quiz-section .opt-letter{color:#6b7280;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.quiz-section .explanation{color:#6b7280;background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:0 6px 6px 0;margin-top:12px;padding:13px 15px;font-size:13px;line-height:1.65}.quiz-section .explanation.correct-expl{background:#f0fdf4;border-left-color:#16a34a}.quiz-section .explanation.wrong-expl{background:#fef2f2;border-left-color:#dc2626}.quiz-section .next-btn{color:#374151;cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;background:0 0;border:1px solid #e5e7eb;border-radius:6px;width:100%;margin-top:14px;padding:13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .1s}.quiz-section .next-btn:hover{background:#f9fafb}.quiz-section .medal-zone{text-align:center;margin-bottom:20px;padding:16px 0 8px;position:relative;overflow:hidden}@keyframes quiz-medal-pop{0%{opacity:0;transform:scale(.3)rotate(-15deg)}65%{opacity:1;transform:scale(1.18)rotate(4deg)}82%{transform:scale(.94)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes quiz-trophy-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes quiz-confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(320px)rotate(720deg)}}@keyframes quiz-score-dot-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.quiz-section .medal-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 12px;animation:.65s cubic-bezier(.34,1.56,.64,1) forwards quiz-medal-pop;display:inline-flex}.quiz-section .medal-icon-wrap.gold{color:#d97706;background:#fffbeb;border:3px solid #f59e0b}.quiz-section .medal-icon-wrap.silver{color:#475569;background:#f8fafc;border:3px solid #94a3b8}.quiz-section .medal-icon-wrap.bronze{color:#9a3412;background:#fff7ed;border:3px solid #c2773a}.quiz-section .medal-icon-wrap.none{color:#9ca3af;background:#f9fafb;border:3px solid #e5e7eb}.quiz-section .medal-icon-wrap.gold i{animation:2s ease-in-out .65s infinite quiz-trophy-pulse}.quiz-section .medal-icon-wrap i{font-size:40px}.quiz-section .medal-icon-wrap svg{display:block}.quiz-section .medal-rank{color:#111;letter-spacing:-.5px;font-size:24px;font-weight:800}.quiz-section .medal-label{letter-spacing:2px;text-transform:uppercase;color:#c41e2e;margin-top:4px;font-size:11px;font-weight:600}.quiz-section .score-row{justify-content:center;align-items:baseline;gap:3px;margin:14px 0 8px;display:flex}.quiz-section .score-big{color:#111;letter-spacing:-2px;font-size:58px;font-weight:800;line-height:1}.quiz-section .score-den{color:#d1d5db;font-size:28px;font-weight:600}.quiz-section .score-dots{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.quiz-section .sdot{opacity:0;background:#f3f4f6;border-radius:50%;width:11px;height:11px;animation:.4s ease-out forwards quiz-score-dot-pop}.quiz-section .sdot.correct{background:#16a34a}.quiz-section .sdot.wrong{background:#dc2626}.quiz-section .score-msg{color:#6b7280;text-align:center;max-width:340px;margin:0 auto 20px;font-size:14px;line-height:1.65}.quiz-section .recap-divider{background:#f3f4f6;height:1px;margin:4px 0 12px}.quiz-section .recap-item{color:#6b7280;border-top:1px solid #f3f4f6;align-items:flex-start;gap:10px;padding:10px 0;font-size:13px;line-height:1.5;display:flex}.quiz-section .recap-icon{flex-shrink:0;margin-top:1px;font-size:14px;font-weight:700}.quiz-section .recap-icon.correct{color:#16a34a}.quiz-section .recap-icon.wrong{color:#dc2626}.quiz-section .share-section{border-top:1px solid #f3f4f6;margin-top:20px;padding-top:20px}.quiz-section .share-main-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:#111;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s;display:flex}.quiz-section .share-main-btn:hover{background:#374151}.quiz-section .share-main-btn i{font-size:20px}.quiz-section .share-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.quiz-section .share-modal-overlay.open{display:flex}.quiz-section .share-modal{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:520px;padding:28px 24px 36px}.quiz-section .share-modal-handle{background:#e5e7eb;border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.quiz-section .share-modal-title{color:#111;margin-bottom:6px;font-size:18px;font-weight:700}.quiz-section .share-modal-sub{color:#6b7280;margin-bottom:20px;font-size:13px;line-height:1.5}.quiz-section .share-modal-img{border-radius:8px;margin-bottom:16px;overflow:hidden}.quiz-section .share-modal-img img{width:100%;display:block}.quiz-section .share-modal-hint{color:#9ca3af;margin:0 0 16px;font-size:12px;line-height:1.5}.quiz-section .share-modal-opts{flex-direction:column;gap:8px;display:flex}.quiz-section .share-notice-wrap{min-height:0;margin-top:4px}.quiz-section .share-notice{color:#15803d;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.quiz-section .share-opt-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;width:100%;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.quiz-section .share-opt-btn:hover{background:#f9fafb}.quiz-section .share-opt-btn i{flex-shrink:0;font-size:20px}.quiz-section .share-opt-btn.linkedin{color:#fff;background:#0a66c2;border-color:#0a66c2}.quiz-section .share-opt-btn.linkedin:hover{background:#004182}.quiz-section .share-opt-btn.whatsapp{color:#fff;background:#25d366;border-color:#25d366}.quiz-section .share-opt-btn.whatsapp:hover{background:#1da851}.quiz-section .share-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-top:8px;padding:13px;font-family:inherit;font-size:14px;font-weight:500}.quiz-section .share-modal-close:hover{background:#f9fafb}.quiz-section .cta-btn{color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-align:center;background:#c41e2e;border:none;border-radius:6px;width:100%;margin-top:10px;padding:14px 20px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s;display:block}.quiz-section .cta-btn:hover{background:#a31825}.quiz-section .cta-btn.secondary{color:#6b7280;letter-spacing:1px;background:0 0;border:1px solid #e5e7eb;padding:12px;font-size:11px}.quiz-section .cta-btn.secondary:hover{background:#f9fafb}.quiz-section .quiz-footer{letter-spacing:1px;text-transform:uppercase;color:#d1d5db;text-align:center;margin-top:20px;font-size:11px;font-weight:500}@media (max-width:480px){.quiz-section .quiz-card{padding:28px 20px}.quiz-section .q-text{font-size:17px}.quiz-section .intro-title{font-size:24px}.quiz-section .score-big{font-size:48px}.quiz-section .intro-stat-row{gap:20px}}