.dop-quiz-shell{font-family:Outfit,sans-serif;background:var(--brand-bg);min-height:100vh;padding:32px 16px 80px}@media(min-width:768px){.dop-quiz-shell{padding:56px 32px 120px}}.dop-quiz-screen{display:none;max-width:760px;margin:0 auto}.dop-quiz-screen[data-active=true]{display:block;animation:dop-quiz-fade-in .36s ease}@keyframes dop-quiz-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dop-quiz-intro-inner{text-align:center;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:32px;padding:48px 24px;box-shadow:var(--shadow-sm)}@media(min-width:768px){.dop-quiz-intro-inner{padding:72px 48px}}.dop-quiz-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--brand-primary);text-transform:uppercase;margin-bottom:12px}.dop-quiz-h1{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;line-height:1.15;color:var(--brand-heading);margin:0 0 16px}@media(min-width:768px){.dop-quiz-h1{font-size:44px}}.dop-quiz-lead{font-size:16px;line-height:1.6;color:var(--brand-text);max-width:520px;margin:0 auto 28px}@media(min-width:768px){.dop-quiz-lead{font-size:17px}}.dop-quiz-trust{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:28px;font-size:13px;color:var(--brand-muted)}.dop-quiz-trust span{display:inline-flex;align-items:center;gap:6px}.dop-quiz-trust svg{color:var(--brand-primary)}.dop-quiz-progress{display:flex;align-items:center;gap:16px;margin-bottom:32px}.dop-quiz-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--brand-border);border-radius:999px;color:var(--brand-text);font-family:Outfit,sans-serif;font-weight:500;font-size:13px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.dop-quiz-back:hover{background:var(--brand-primary-soft);color:var(--brand-primary);border-color:var(--brand-primary)}.dop-quiz-back[disabled]{opacity:.4;pointer-events:none}.dop-quiz-back span{display:none}@media(min-width:640px){.dop-quiz-back span{display:inline}}.dop-quiz-progress-bar{flex:1;height:8px;background:var(--brand-border);border-radius:999px;overflow:hidden;position:relative}.dop-quiz-progress-fill{height:100%;width:10%;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-primary-hover) 100%);border-radius:999px;transition:width .36s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #7b907566}.dop-quiz-progress-text{font-size:13px;font-weight:700;color:var(--brand-primary);min-width:56px;text-align:right;letter-spacing:.02em}.dop-quiz-question{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:24px;padding:32px 24px;box-shadow:var(--shadow-sm);animation:dop-quiz-fade-in .36s ease}@media(min-width:768px){.dop-quiz-question{padding:48px 40px}}.dop-quiz-presuasion{background:var(--brand-primary-soft);border-left:3px solid var(--brand-primary);padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.55;color:var(--brand-heading);margin:0 0 24px}.dop-quiz-q-title{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;line-height:1.25;color:var(--brand-heading);margin:0 0 8px}@media(min-width:768px){.dop-quiz-q-title{font-size:26px}}.dop-quiz-q-sub{font-size:14.5px;line-height:1.55;color:var(--brand-text);margin:0 0 28px}.dop-quiz-options{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.dop-quiz-options{grid-template-columns:repeat(2,1fr);gap:12px}}.dop-quiz-option{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 18px;background:var(--brand-bg);border:2px solid var(--brand-border);border-radius:16px;text-align:left;cursor:pointer;font-family:Outfit,sans-serif;font-size:14.5px;line-height:1.35;color:var(--brand-heading);transition:border-color .2s,background .2s,transform .2s}.dop-quiz-option:hover{border-color:var(--brand-primary);background:var(--brand-primary-soft);transform:translateY(-2px)}.dop-quiz-option:active{transform:translateY(0)}.dop-quiz-option.is-selected{border-color:var(--brand-primary);background:var(--brand-primary-soft)}.dop-quiz-option-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--brand-primary-soft);color:var(--brand-primary);display:flex;align-items:center;justify-content:center}.dop-quiz-option-icon svg{display:block;width:22px;height:22px}.dop-quiz-option.is-selected .dop-quiz-option-icon{background:var(--brand-primary);color:#fff}.dop-quiz-option-label{flex:1;display:flex;align-items:center;min-height:44px}.dop-quiz-option-check{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:2px solid var(--brand-border);background:var(--brand-bg);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;order:3;margin-left:auto}.dop-quiz-option-check svg{width:14px;height:14px;opacity:0;transition:opacity .2s}.dop-quiz-option.is-selected .dop-quiz-option-check{background:var(--brand-primary);border-color:var(--brand-primary)}.dop-quiz-option.is-selected .dop-quiz-option-check svg{opacity:1}.dop-quiz-next-wrap{margin-top:24px;display:flex;justify-content:flex-end}.dop-quiz-next{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--brand-primary);color:#fff;border:none;border-radius:999px;font-family:Outfit,sans-serif;font-weight:700;font-size:14.5px;cursor:pointer;transition:background .2s,opacity .2s}.dop-quiz-next:hover:not(:disabled){background:var(--brand-primary-hover)}.dop-quiz-next:disabled{opacity:.4;cursor:not-allowed}.dop-quiz-slider-wrap{padding:24px 8px}.dop-quiz-slider-value{text-align:center;font-family:Outfit,sans-serif;font-size:56px;font-weight:800;color:var(--brand-primary);line-height:1;margin-bottom:16px}.dop-quiz-slider-label{text-align:center;font-size:14px;color:var(--brand-muted);margin-bottom:24px}.dop-quiz-slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;background:var(--brand-border);border-radius:999px;outline:none}.dop-quiz-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:var(--brand-primary);border:3px solid #FFFFFF;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000026}.dop-quiz-slider::-moz-range-thumb{width:28px;height:28px;background:var(--brand-primary);border:3px solid #FFFFFF;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000026}.dop-quiz-slider-marks{display:flex;justify-content:space-between;font-size:12px;color:var(--brand-muted);margin-top:12px}.dop-quiz-slider-confirm{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:32px;padding:14px 24px;background:var(--brand-primary);color:#fff;border:none;border-radius:999px;font-family:Outfit,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:background .2s}.dop-quiz-slider-confirm:hover{background:var(--brand-primary-hover)}.dop-quiz-results-head{text-align:center;margin-bottom:40px}.dop-quiz-results-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.dop-quiz-results-grid{grid-template-columns:repeat(3,1fr)}}.dop-quiz-result{background:var(--brand-surface);border:2px solid var(--brand-border);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);transition:transform .24s,box-shadow .24s,border-color .24s;text-decoration:none;color:inherit;position:relative}.dop-quiz-result:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-primary)}.dop-quiz-result.is-top{border-color:var(--brand-primary);background:linear-gradient(180deg,var(--brand-primary-soft) 0%,var(--brand-surface) 30%)}.dop-quiz-result-badge{position:absolute;top:-10px;left:20px;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.dop-quiz-result-img{aspect-ratio:1 / 1;background:var(--brand-bg);border-radius:16px;overflow:hidden;border:1px solid var(--brand-border)}.dop-quiz-result-img img{width:100%;height:100%;object-fit:cover}.dop-quiz-result-name{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;color:var(--brand-heading);margin:0;line-height:1.25}.dop-quiz-result-match{font-size:12px;font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.1em}.dop-quiz-result-price{font-family:Outfit,sans-serif;font-size:16px;font-weight:800;color:var(--brand-primary);margin-top:auto}.dop-quiz-result-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:var(--brand-primary);color:#fff;border-radius:999px;font-family:Outfit,sans-serif;font-weight:600;font-size:13.5px;text-decoration:none;transition:background .2s}.dop-quiz-result-cta:hover{background:var(--brand-primary-hover)}.dop-quiz-results-actions{margin-top:40px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}