:root{--primary:#fb265a;--primary-dark:#e0214d;--success:#10b981;--bg:#f7f7fb;--card:#fff;--text:#111;--text-light:#666;--border:#e6e9ee}*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{margin:0;background:var(--bg);color:var(--text)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-card{background:var(--card);border-radius:10px;padding:16px;box-shadow:0 4px 12px #1018280f;max-width:420px;margin:0 auto;position:relative;animation:slideIn .36s ease;overflow:visible}.partner-logo{width:80px;height:48px;object-fit:contain;margin-bottom:8px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.85rem}.question-count{color:var(--text-light);font-weight:600}.timer{background:#fff3cd;padding:3px 6px;border-radius:4px;color:#856404;font-weight:600;font-size:.85rem}.question-header-text{font-size:.95rem;color:var(--primary);margin:8px 0;font-weight:600}.question-image{width:100%;max-height:140px;object-fit:contain;border-radius:6px;margin:8px 0}.question-text{font-size:.95rem;font-weight:600;margin:10px 0;line-height:1.3}.choices{display:flex;flex-direction:column;gap:6px;margin:12px 0}.choice-label{display:flex;align-items:center;padding:8px 10px;border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.choice-label:hover{border-color:var(--primary);background:#f9fafb}.choice-label input[type=radio]{margin-right:8px;cursor:pointer}.choice-text{flex:1}.choice-label input[type=radio]:checked+.choice-text{font-weight:600;color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--primary);padding:10px 20px;border:2px solid var(--primary);border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;width:100%}.btn-secondary:hover{background:#fff0f3}.btn-try-again{background:transparent;color:var(--text-light);padding:10px 20px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;width:100%;text-decoration:underline}.btn-try-again:hover{color:var(--text)}.quiz-description{color:var(--text-light);font-size:.85rem;margin:8px 0 16px}.start-quiz-title{font-size:1.15rem;font-weight:600;margin:0 0 12px;color:var(--text);text-align:center}.quiz-preview-container{width:100%;margin:12px 0;border:2px dashed var(--border);border-radius:6px;padding:12px;background:#f9fafb;min-height:120px;display:flex;align-items:center;justify-content:center}.quiz-preview-image{width:100%;height:auto;max-height:180px;aspect-ratio:16/9;object-fit:contain;border-radius:4px}.quiz-subtext{font-size:.8rem;color:var(--text);margin:8px 0 12px;font-weight:500;text-align:center}.completion-content{text-align:center;overflow:visible}.completion-title{font-size:1.25rem;margin:0 0 8px;color:var(--success)}.score-title{font-size:1.4rem;font-weight:700;margin:8px 0;transition:color .3s ease}.score-display{font-size:1.5rem;font-weight:700;color:var(--primary);margin:8px 0}.score-percentage{font-size:.95rem;font-weight:600;color:var(--text-light);margin-bottom:14px}.score-ranges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.range-item{background:#f9fafb;border:2px solid var(--border);border-radius:6px;padding:8px;transition:all .3s ease;opacity:.6}.range-item.active{background:linear-gradient(135deg,#fef3f8,#fff);border-color:var(--primary);opacity:1;box-shadow:0 2px 8px #fb265a33}.range-label{display:block;font-size:.75rem;font-weight:600;color:var(--text);margin-bottom:4px}.range-value{display:block;font-size:.7rem;color:var(--text-light);font-weight:500}.register-message{font-size:.9rem;color:var(--text);margin:10px 0;line-height:1.4;padding:10px;background:var(--bg);border-radius:6px}.end-action-btn{margin:10px 0}.related-section{margin:16px -16px;padding:16px;text-align:left;background:linear-gradient(180deg,rgba(251,38,90,.02) 0%,transparent 100%);overflow-x:auto;-webkit-overflow-scrolling:touch}.related-section h4{margin-bottom:12px;color:var(--text);font-size:.95rem;font-weight:600}.related-carousel{display:flex;gap:12px;padding:0 0 8px;scroll-behavior:smooth;overflow-x:auto;-webkit-overflow-scrolling:touch}.related-carousel::-webkit-scrollbar{height:6px}.related-carousel::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.related-carousel::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.related-carousel::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.related-item{background:linear-gradient(135deg,#fef3f8,#fff);border:1px solid var(--border);border-radius:8px;padding:12px;min-width:140px;flex-shrink:0;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #fb265a0d}.related-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #fb265a26;transform:translateY(-2px)}.related-item-image{width:100%;height:80px;object-fit:cover;border-radius:6px;margin-bottom:8px}.related-item-title{font-size:.85rem;font-weight:600;color:var(--text);margin:6px 0 4px;line-height:1.3}.related-item-description{font-size:.75rem;color:var(--text-light);margin:4px 0 8px;line-height:1.2}.btn-small{padding:6px 12px;font-size:.8rem;font-weight:600;min-height:auto}.info-form{display:flex;flex-direction:column;gap:8px;margin:12px 0}.info-form input{padding:8px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.info-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.powered-by{text-align:center;margin-top:12px;padding-top:8px;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-light)}.powered-by a{color:var(--primary);text-decoration:none;font-weight:600}.powered-by a:hover{text-decoration:underline}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.error{color:#dc2626;padding:10px;background:#fee2e2;border-radius:6px;border-left:4px solid #dc2626;font-size:.9rem}@media (max-width:480px){.quiz-card{border-radius:0;margin:0;padding:12px}.partner-logo{width:40px;height:40px;margin-bottom:6px}.start-quiz-title{font-size:1rem;margin:0 0 10px}.quiz-preview-container{margin:10px 0;padding:10px;min-height:100px}.quiz-preview-image{max-height:150px}.quiz-subtext{font-size:.75rem;margin:6px 0 10px}.question-header{margin-bottom:8px;font-size:.8rem}.question-text{font-size:.9rem;margin:8px 0}.question-image{max-height:120px;margin:6px 0}.choices{gap:5px;margin:10px 0}.choice-label{padding:7px 8px;font-size:.85rem}.btn-primary,.btn-secondary{padding:9px 16px;font-size:.85rem}.completion-title{font-size:1.1rem}.score-title{font-size:1.15rem;margin:6px 0}.score-display{font-size:1.3rem;margin:6px 0}.score-percentage{font-size:.85rem;margin-bottom:10px}.score-ranges{gap:6px;margin:10px 0}.range-item{padding:6px}.range-label{font-size:.7rem;margin-bottom:2px}.range-value{font-size:.65rem}.register-message{font-size:.85rem;padding:8px;margin:8px 0}.info-form{gap:6px;margin:10px 0}.info-form input{padding:7px;font-size:.8rem}.powered-by{margin-top:10px;padding-top:6px;font-size:.65rem}.related-section{margin:12px 0}.related-section h4{margin-bottom:10px;font-size:.9rem}.related-carousel{gap:10px;padding-bottom:6px}.related-item{min-width:120px;padding:10px}.related-item-image{height:70px;margin-bottom:6px}.related-item-title{font-size:.8rem;margin:4px 0 3px}.related-item-description{font-size:.7rem;margin:3px 0 6px}.btn-small{padding:5px 10px;font-size:.75rem}}