.user-details-overlay{z-index:2000;background-color:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.user-details-modal{background:#fff;border-radius:8px;width:100%;max-width:680px;max-height:calc(100vh - 2rem);padding:24px 48px 28px;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.user-details-close{color:#9ca3af;cursor:pointer;z-index:1;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .2s;position:absolute;top:14px;right:16px}.user-details-close:hover{color:#374151}.user-details-header{text-align:center;margin-bottom:20px;padding:0}.user-details-logo{object-fit:contain;width:auto;height:52px;margin:0 auto 16px;display:block}.user-details-divider{border:none;border-top:1px solid #e5e7eb;margin:0 -48px 18px}.user-details-title{color:#111;text-align:left;margin:0;font-size:18px;font-weight:700;line-height:1.4}.user-details-form{flex-direction:column;gap:14px;display:flex}.user-details-modal .form-group{flex-direction:column;min-width:0;display:flex}.user-details-modal .form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.user-details-modal .form-label{color:#555;margin-bottom:5px;font-size:13px;font-weight:400;display:block}.user-details-modal .form-group--inline{flex-flow:wrap;align-items:center;gap:6px 16px}.user-details-modal .form-group--inline .form-label{margin-bottom:0;margin-right:0}.user-details-modal .form-group--inline .radio-group{gap:28px;margin-top:0}.user-details-modal .required-asterisk{color:#ef4444}.user-details-modal .form-input,.user-details-modal .form-select{color:#333;box-sizing:border-box;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;height:38px;padding:9px 12px;font-size:13px;transition:border-color .2s}.user-details-modal .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.user-details-modal .form-input-prefilled{color:#4b5563;cursor:default;background-color:#f3f4f6}.user-details-modal .form-input:focus,.user-details-modal .form-select:focus{border-color:#9ca3af;outline:none}.user-details-modal .form-input-prefilled:focus{border-color:#d1d5db}.user-details-modal .radio-group{gap:40px;margin-top:8px;display:flex}.user-details-modal .radio-option{cursor:pointer;align-items:center;gap:6px;display:flex}.user-details-modal .radio-option input[type=radio]{appearance:none;accent-color:#0d6efd;cursor:pointer;background:#fff;border:2px solid #c4c4c4;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin:0;transition:border-color .2s;position:relative}.user-details-modal .radio-option input[type=radio]:hover,.user-details-modal .radio-option input[type=radio]:checked{border-color:#0d6efd}.user-details-modal .radio-option input[type=radio]:checked:after{content:"";background:#0d6efd;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-details-modal .radio-option input[type=radio]:focus-visible{outline-offset:1px;outline:2px solid #0d6efd66}.user-details-modal .radio-option span{color:#333;font-size:13px}.user-details-modal .dob-group{gap:10px;margin-top:2px;display:flex}.user-details-modal .dob-input{text-align:center;color:#333;box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;width:56px;height:38px;padding:9px 8px;font-size:13px}.user-details-modal .dob-input-year{text-align:center;color:#333;box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;width:72px;height:38px;padding:9px 8px;font-size:13px}.user-details-modal .dob-input:focus,.user-details-modal .dob-input-year:focus{border-color:#9ca3af;outline:none}.user-details-modal .form-error{color:#ef4444;margin-top:4px;font-size:11px}.user-details-modal .form-submit{justify-content:flex-end;margin-top:8px;padding-top:4px;display:flex}.user-details-modal .submit-btn{color:#f15b43;cursor:pointer;background-color:#fff;border:1px solid #f15b43;border-radius:50rem;padding:10px 32px;font-size:14px;font-weight:700;transition:background-color .2s,color .2s}.user-details-modal .submit-btn:hover{color:#fff;background-color:#f15b43}.language-modal-overlay{z-index:2100;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.language-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:36rem;max-height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.language-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;display:flex}.language-modal-title{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.language-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.5rem;transition:color .2s;display:flex}.language-modal-close:hover{color:#000}.language-modal-body{flex-direction:column;flex:1;min-height:0;padding:2rem;display:flex;overflow:hidden}.language-modal .quiz-instructions{flex-direction:column;flex:1;min-height:0;margin-bottom:2rem;display:flex;overflow:hidden}.language-modal .quiz-instructions p{color:#374151;margin-bottom:1rem;font-weight:500}.language-modal .quiz-instructions ul,.language-modal .quiz-instructions ol{color:#6b7280;margin:0 0 1rem;padding-left:1.5rem}.language-modal .quiz-instructions li{margin-bottom:.5rem;font-size:.875rem}.language-modal .quiz-instructions-body{color:#374151;flex:1;min-height:0;max-height:none;font-size:.9rem;line-height:1.5;overflow-y:auto}.language-modal .quiz-instructions-body p{font-weight:400}.language-modal .quiz-instructions-body u{text-decoration:underline}.language-selection{flex-shrink:0;justify-content:space-between;align-items:end;gap:1rem;display:flex}.language-group{flex:0 0 220px;max-width:220px}.language-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.required-star{color:#ef4444;margin-left:.25rem}.language-select{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:.875rem}.language-actions{flex-shrink:0}.start-quiz-btn{color:#fff;cursor:pointer;background-color:#f15b43;border:2px solid #f15b43;border-radius:50rem;padding:.6rem 2rem;font-size:.875rem;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}.start-quiz-btn:hover:not(:disabled){color:#f15b43;background-color:#0000;border-color:#f15b43}.start-quiz-btn:disabled{color:#fff;cursor:not-allowed;background-color:#d1d5db;border-color:#d1d5db}@media (max-width:768px){.user-details-modal{max-width:100%;padding:20px 16px 16px}.user-details-header{padding:0}.user-details-divider{margin:0 -16px 18px}.user-details-modal .form-row{grid-template-columns:1fr}.language-selection{flex-direction:column;align-items:stretch;gap:1.5rem}.language-group{flex:auto;max-width:none}.start-quiz-btn{width:100%}}.user-details-loading{text-align:center;padding:40px}.user-details-loading .loading-spinner{border:4px solid #f3f3f3;border-top-color:#ff4500;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite user-details-spin}@keyframes user-details-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.guest-login-overlay{z-index:10050;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.guest-login-modal{background:#fff;border-radius:.125rem;width:100%;max-width:31.25rem;padding:1.25rem 1.5rem 1.5rem;position:relative;box-shadow:0 0 .5rem #0000001f}.guest-login-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.guest-login-header{min-height:3rem;margin-bottom:.5rem}.guest-login-logo{width:6.125rem;height:auto}.guest-login-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.guest-login-label{margin-bottom:.3125rem;font-size:.9375rem;font-weight:500;display:block}.guest-login-input{border:1px solid #ced4da;border-radius:.3125rem;width:100%;margin-bottom:.75rem;padding:.4375rem .625rem;font-size:.9375rem}.guest-login-consent{align-items:flex-start;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.guest-login-consent input{margin-top:.2rem}.guest-login-error{color:#c0392b;margin:0 0 .75rem;font-size:.875rem}.guest-login-btn{color:#fff;cursor:pointer;background:#f15b43;border:1px solid #f15b43;border-radius:.3125rem;width:100%;padding:.5rem 0;font-size:1rem;font-weight:600}.guest-login-btn:hover:not(:disabled){color:#f15b43;background:#fff}.guest-login-btn:disabled{color:#aaa;cursor:not-allowed;background:#e0e0e0;border-color:#e0e0e0}.guest-login-divider{opacity:.35;background:#666;height:1px;margin:1.25rem 0}.guest-login-register-text{text-align:center;margin:0;font-size:1rem}.guest-login-register-btn{color:#f15f22;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}
.quiz-modal-overlay{z-index:1000;box-sizing:border-box;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.quiz-modal-overlay--behind{visibility:hidden;pointer-events:none}.quiz-modal-content{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;margin:0;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.quiz-modal-close{cursor:pointer;color:#666;z-index:1001;background:0 0;border:none;font-size:24px;font-weight:700;position:absolute;top:15px;right:20px}.quiz-modal-close:hover{color:#000}.quiz-modal-loading{text-align:center;padding:40px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#ff4500;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-modal-error{text-align:center;padding:40px}.quiz-modal-error h3{color:#dc3545;margin-bottom:15px}.quiz-modal-error p{color:#666;margin-bottom:20px}.retry-btn{color:#fff;cursor:pointer;background-color:#ff4500;border:none;border-radius:5px;padding:10px 20px;font-weight:500}.retry-btn:hover{background-color:#e63900}.quiz-modal-not-eligible{padding:40px}.quiz-modal-not-eligible h3{color:#dc3545;margin-bottom:15px}.eligibility-issues{background-color:#f8f9fa;border-radius:5px;margin-top:20px;padding:15px}.eligibility-issues h4{color:#dc3545;margin-bottom:10px;font-size:16px}.eligibility-issues ul{margin:0;padding-left:20px}.eligibility-issues li{color:#666;margin-bottom:5px}.quiz-modal-content-wrapper{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;min-height:0;padding:16px 24px;display:grid}.quiz-modal-left{align-self:start;min-width:0}.quiz-modal-card{background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000014}.quiz-modal-card-image-wrap{aspect-ratio:16/9;background:#f3f3f3;border-top-left-radius:20px;border-top-right-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:140px;max-height:220px;display:flex;position:relative;overflow:hidden}.quiz-modal-card-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.quiz-modal-card-expiry{color:#fff;text-align:center;background-color:#110300a8;margin:0;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.quiz-modal-card-body{padding:14px 16px 16px}.quiz-modal-card-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.quiz-modal-card-divider{border:none;border-top:1px solid #eee;margin:12px 0}.quiz-modal-card-dates{align-items:flex-start;gap:8px;display:flex}.quiz-modal-card-date-icon{flex-shrink:0;width:24px;height:24px;margin-top:2px}.quiz-modal-card-dates-row{flex:1;gap:18px;display:flex}.quiz-modal-card-date-label{color:#888;margin:0;font-size:13px}.quiz-modal-card-date-value{color:#f15b43;margin:2px 0 0;font-size:16px;font-weight:700}.quiz-modal-card-stat{color:#666;justify-content:space-between;align-items:center;font-size:15px;display:flex}.quiz-modal-card-stat-left{align-items:center;gap:6px;display:flex}.quiz-modal-card-stat-left p{margin:0}.quiz-modal-card-stat-icon{width:22px;height:22px}.quiz-modal-card-stat-value{color:#757575;margin:0;font-size:16px;font-weight:700}.quiz-modal-card-badges{justify-content:space-around;gap:10px;margin-top:14px;display:flex}.quiz-modal-badge{text-align:center;border-radius:5px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 6px;display:flex}.quiz-modal-badge-green{color:#087859;background:#0878591a}.quiz-modal-badge-orange{color:#d78d1e;background:#faa72a33}.quiz-modal-badge-value{font-size:20px;font-weight:700;line-height:1.2}.quiz-modal-badge-label{margin-top:2px;font-size:13px}.quiz-modal-card-org{text-align:center;color:#000;background:#feded8;margin:0;padding:10px 15px;font-size:13px}.quiz-modal-right{flex-direction:column;min-height:0;padding-top:2px;display:flex;overflow:hidden}.quiz-instructions-section{flex-direction:column;flex:auto;min-height:0;display:flex}.quiz-instructions-title{color:#222;flex-shrink:0;margin:0 0 10px;font-size:18px;font-weight:600}.quiz-instructions-body{color:#333;word-break:break-word;flex:auto;min-height:0;font-size:15px;line-height:1.65;overflow:hidden auto}.quiz-instructions-body p{margin:0 0 8px}.quiz-instructions-body ol,.quiz-instructions-body ul{margin:6px 0 10px;padding-left:18px}.quiz-instructions-body li{margin-bottom:5px}.quiz-instructions-body u{text-decoration:underline}.quiz-start-btn{color:#f15b43;letter-spacing:.4px;cursor:pointer;background:#fff;border:1px solid #f15b43;border-radius:50rem;flex-shrink:0;width:100%;margin-top:20px;padding:14px 20px;font-size:14px;font-weight:700;transition:background-color .2s,color .2s}.quiz-start-btn:hover{color:#fff;background:#f15b43}@media (max-width:768px){.quiz-modal-overlay{padding:12px}.quiz-modal-content{max-height:90vh;margin:0;display:block;overflow:hidden auto}.quiz-modal-content-wrapper{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}.quiz-modal-left{max-width:100%}.quiz-modal-right{min-height:auto}.quiz-instructions-section{min-height:auto;display:block}.quiz-instructions-body{min-height:auto;overflow:visible}.quiz-modal-card-image-wrap{min-height:120px;max-height:180px}}@media (max-width:480px){.quiz-modal-overlay{padding:8px}.quiz-modal-content{max-height:94vh;margin:0}}
