.test-page{min-height:100vh;background:var(--bg-primary)}.test-page .navbar{background:0 0;position:relative}.nav-back{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:var(--transition-base)}.nav-back:hover{color:var(--accent)}.test-main{padding-top:var(--space-xl)}.test-container{max-width:800px;margin:0 auto;padding:0 var(--space-lg)}.test-intro{min-height:calc(100vh - 100px);display:flex;align-items:center;text-align:center;padding:var(--space-3xl) 0}.test-intro.hidden{display:none!important}.test-tag{display:inline-block;padding:.5rem 1.25rem;background:var(--primary);border:1px solid var(--primary-light);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg)}.test-title{font-family:var(--font-display);font-size:clamp(2.5rem, 6vw, 4rem);font-weight:600;line-height:1.1;margin-bottom:var(--space-lg)}.test-title .highlight{color:var(--accent)}.test-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:550px;margin:0 auto var(--space-xl);line-height:1.7}.test-benefits{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-xl)}.benefit-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem;color:var(--text-secondary)}.benefit-item svg{width:18px;height:18px;stroke:var(--lime)}.test-note{font-size:.85rem;color:var(--text-muted);margin-top:var(--space-md)}.test-quiz{display:none;min-height:calc(100vh - 100px);padding:var(--space-2xl) 0}.test-quiz.active{display:block}.quiz-progress{margin-bottom:var(--space-2xl)}.progress-bar{height:6px;background:var(--bg-elevated);border-radius:100px;overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-light),var(--accent));border-radius:100px;width:12.5%;transition:width .5s ease}.progress-text{font-size:.85rem;color:var(--text-muted)}.questions-wrapper{position:relative}.question-card{display:none;animation:fadeIn .4s ease}.question-card.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-text{font-family:var(--font-display);font-size:clamp(1.5rem, 4vw, 2rem);font-weight:500;text-align:center;margin-bottom:var(--space-xl);line-height:1.3}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.option-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--gradient-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:center}.option-btn:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 10px 40px var(--primary-glow)}.option-btn:active{transform:translateY(-2px)}.option-btn.selected{border-color:var(--accent);background:linear-gradient(145deg,rgba(212,175,55,.1) 0,var(--bg-elevated) 100%);box-shadow:0 0 30px var(--accent-glow)}.option-icon{font-size:2rem}.option-text{font-size:.95rem;color:var(--text-secondary);line-height:1.4}.option-btn.selected .option-text{color:var(--text-primary)}.test-results{display:none;min-height:calc(100vh - 100px);padding:var(--space-2xl) 0}.test-results.active{display:block;animation:fadeIn .6s ease}.results-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.results-icon{font-size:4rem;margin-bottom:var(--space-md)}.results-type-tag{display:inline-block;padding:.4rem 1rem;background:var(--accent);color:var(--bg-primary);border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.results-title{font-family:var(--font-display);font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:600;margin-bottom:var(--space-md)}.results-description{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-xl);line-height:1.7}.results-traits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);text-align:left}.trait-card{padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.trait-card h4{font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.trait-card p{font-size:.9rem;color:var(--text-secondary)}.results-recommendation{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:1px solid var(--primary-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.recommendation-label{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.recommendation-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.recommendation-reason{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.results-cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.retake-btn{background:0 0;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:var(--space-sm) var(--space-md);transition:var(--transition-base)}.retake-btn:hover{color:var(--text-primary)}@media (max-width:768px){.options-grid{grid-template-columns:1fr}.results-traits{grid-template-columns:1fr}.results-cta{flex-direction:column}.results-card{padding:var(--space-xl)}}@media (max-width:480px){.test-container{padding:0 var(--space-md)}.option-btn{padding:var(--space-md)}.option-icon{font-size:1.5rem}}