.page-hero{padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-12);text-align:center;position:relative}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,hsla(210,70%,30%,.12) 0%,transparent 70%);pointer-events:none}.page-hero h1{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-4)}.page-hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin-inline:auto}.quiz-container{max-width:720px;margin-inline:auto;padding-bottom:var(--space-24)}.quiz-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-10)}.quiz-progress-bar{flex:1;height:6px;background:var(--neutral-800);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--accent-400));border-radius:var(--radius-full);transition:width .5s var(--ease-out)}.quiz-progress-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;white-space:nowrap}.quiz-question{display:none;animation:fadeInUp .4s var(--ease-out)}.quiz-question.active{display:block}.quiz-question h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.quiz-question .quiz-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-8)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);width:100%}.quiz-option:hover{background:var(--bg-card-hover);border-color:var(--primary-400);transform:translate(4px)}.quiz-option.selected{background:#2680d91a;border-color:var(--primary-400);box-shadow:var(--shadow-glow-primary)}.quiz-option-icon{font-size:var(--text-2xl);min-width:40px;text-align:center}.quiz-option-content h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.quiz-option-content p{font-size:var(--text-sm);color:var(--text-secondary)}.quiz-nav{display:flex;justify-content:space-between;margin-top:var(--space-10)}.quiz-nav .btn{min-width:140px}.quiz-result{display:none;animation:fadeInUp .6s var(--ease-out)}.quiz-result.active{display:block}.result-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;margin-bottom:var(--space-8)}.result-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:#2eb8671f;color:#47d181;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-6)}.result-scale{font-size:var(--text-5xl);font-weight:900;margin-bottom:var(--space-2)}.result-ratio{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-6)}.result-reasons{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;max-width:480px;margin-inline:auto;margin-bottom:var(--space-8)}.result-reason{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#2680d90d;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.result-reason-icon{color:var(--accent-400);font-size:var(--text-lg);min-width:24px;text-align:center}.result-products{text-align:left}.result-products h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.product-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-normal) var(--ease-out)}.product-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-category{font-size:var(--text-xs);font-weight:700;color:var(--primary-300);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.product-name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2)}.product-price{font-size:var(--text-lg);font-weight:700;color:var(--accent-400);margin-bottom:var(--space-3)}.product-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--primary-300)}.product-link:hover{color:var(--primary-200)}.result-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-10)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.page-hero h1{font-size:var(--text-2xl)}.quiz-container{padding-inline:var(--space-2)}.result-card{padding:var(--space-6)}.result-scale{font-size:var(--text-3xl)}.product-grid{grid-template-columns:1fr}}