*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1f3644;background:#f4f9fa;min-height:100vh;font-family:Nunito,sans-serif}.quiz-header{text-align:center;background:linear-gradient(135deg,#0a1e33,#0a5e66);padding:40px 16px 56px}.quiz-header h1{color:#fff;margin-bottom:8px;font-size:clamp(24px,4vw,36px);font-weight:900}.quiz-header p{color:#a8d8dc;font-size:15px}.quiz-container{max-width:680px;margin:-32px auto 60px;padding:0 16px}.quiz-progress-wrap{background:#fff;border-radius:999px;align-items:center;gap:12px;margin-bottom:4px;padding:6px 20px;display:flex;box-shadow:0 2px 8px #0a5e6614}.quiz-progress-bar{background:#e5edf0;border-radius:999px;flex:1;height:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#0a5e66,#89b88c);border-radius:999px;height:100%;transition:width .4s}.quiz-progress-text{color:#0a5e66;white-space:nowrap;font-size:12px;font-weight:800}.quiz-card{background:#fff;border-radius:20px;margin-top:12px;padding:36px 32px;box-shadow:0 4px 24px #0a5e661a}.step-label{text-transform:uppercase;letter-spacing:1px;color:#0a5e66;margin-bottom:8px;font-size:11px;font-weight:800}.quiz-question{color:#0a1e33;margin-bottom:8px;font-size:clamp(20px,3.5vw,26px);font-weight:900;line-height:1.3}.quiz-hint{color:#89a4b0;margin-bottom:28px;font-size:14px}.options-grid{gap:12px;display:grid}.options-grid.cols-2{grid-template-columns:1fr 1fr}.options-grid.cols-1{grid-template-columns:1fr}.option-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5edf0;border-radius:14px;align-items:center;gap:12px;padding:16px 18px;font-family:Nunito,sans-serif;transition:border-color .15s,background .15s,transform .1s;display:flex}.option-btn:hover{background:#f0f9fa;border-color:#0a5e66}.option-btn.selected{background:#e8f4ec;border-color:#0a5e66}.option-btn .opt-icon{flex-shrink:0;font-size:24px}.option-btn .opt-text{flex:1}.option-btn .opt-title{color:#1f3644;font-size:15px;font-weight:800;display:block}.option-btn .opt-desc{color:#89a4b0;margin-top:2px;font-size:12px;display:block}.option-btn.selected .opt-title{color:#0a5e66}.option-btn .check{border:2px solid #d7e3ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.option-btn.selected .check{color:#fff;background:#0a5e66;border-color:#0a5e66;font-size:12px}.option-btn.selected .check:after{content:"✓"}.multi-hint{color:#89a4b0;margin-bottom:12px;font-size:12px}.quiz-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.btn-back{color:#4a6274;cursor:pointer;background:#fff;border:2px solid #d7e3ea;border-radius:12px;padding:12px 22px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700}.btn-next{color:#fff;cursor:pointer;background:#0a5e66;border:none;border-radius:12px;flex:1;padding:14px 22px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:background .2s}.btn-next:hover{background:#084d55}.btn-next:disabled{cursor:not-allowed;background:#a0bfc4}#results-section{display:none}.gp-ico{vertical-align:-.18em;object-fit:contain;width:1.1em;height:1.1em;display:inline-block}.results-header{text-align:center;padding:56px 0 28px}.results-header h2{color:#0a1e33;margin-bottom:6px;font-size:26px;font-weight:900}.results-header p{color:#4a6274;font-size:15px}.match-card{background:#fff;border-radius:20px;grid-template-columns:120px 1fr;margin-bottom:16px;display:grid;overflow:hidden;box-shadow:0 4px 20px #0a5e661a}.match-card.top-pick{border:2px solid #0a5e66}.match-photo{background:linear-gradient(135deg,#c8e6e8,#eef7f5);justify-content:center;align-items:center;font-size:48px;display:flex}.match-photo img{object-fit:cover;width:100%;height:100%}.match-body{padding:20px}.match-top-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0a5e66;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.match-compat{color:#0a5e66;float:right;font-size:28px;font-weight:900;line-height:1}.match-body h3{color:#0a1e33;margin-bottom:4px;font-size:17px;font-weight:900}.match-body .spec{color:#0a5e66;margin-bottom:6px;font-size:13px;font-weight:700}.match-body .price{color:#e46a4b;margin-bottom:6px;font-size:14px;font-weight:800}.match-body .bio{color:#4a6274;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.match-actions{gap:8px;display:flex}.match-btn-primary{color:#fff;text-align:center;cursor:pointer;background:#0a5e66;border:none;border-radius:10px;flex:1;padding:10px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;text-decoration:none}.match-btn-secondary{color:#0a5e66;text-align:center;background:#fff;border:2px solid #0a5e66;border-radius:10px;padding:10px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;text-decoration:none}.retry-btn{text-align:center;color:#0a5e66;cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:14px;font-weight:700;display:block}@media (width<=560px){.quiz-card{padding:24px 18px}.options-grid.cols-2{grid-template-columns:1fr}.match-card{grid-template-columns:80px 1fr}.match-photo{font-size:32px}}