.recommend-page{background-color:var(--bg-soft);flex-direction:column;min-height:100vh;display:flex}.rec-header{text-align:center;padding:60px 0 40px}.rec-title{letter-spacing:-.04em;margin-bottom:12px;font-size:2.75rem;font-weight:800}.rec-subtitle{color:var(--text-muted);font-size:1.125rem}.wizard-container{border:1px solid var(--border);background:#fff;border-radius:32px;max-width:700px;margin:0 auto 100px;overflow:hidden;box-shadow:0 30px 60px -15px #3960ef1f}.progress-container{background:var(--bg-soft);width:100%;height:8px}.progress-fill{background:var(--primary);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.wizard-step{padding:48px;animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-question{text-align:center;color:var(--text);margin-bottom:32px;font-size:1.75rem;font-weight:800}.options-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}.option-btn{border:2px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:24px;transition:all .2s;display:flex}.option-btn:hover{background:var(--bg-soft);border-color:#3960ef4d;transform:translateY(-2px)}.option-btn.selected{border-color:var(--primary);background:#3960ef0d;box-shadow:0 4px 12px #3960ef1a}.option-icon{font-size:2rem}.option-title{color:var(--text);font-size:1.125rem;font-weight:700}.option-desc{color:var(--text-muted);font-size:.875rem}.wizard-controls{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;display:flex}.btn-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:600;transition:color .2s}.btn-back:hover{color:var(--text)}.btn-back:disabled{opacity:0;pointer-events:none}.btn-next{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-size:1rem;font-weight:700;transition:all .2s}.btn-next:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px -5px #3960ef4d}.btn-next:disabled{cursor:not-allowed;background:#cbd5e1}.loading-results{text-align:center;padding:60px 0}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-container{padding:40px}.results-header{text-align:center;margin-bottom:40px}.results-header h2{color:var(--primary);margin-bottom:8px;font-size:2.25rem;font-weight:800}.recommended-stack{flex-direction:column;gap:24px;display:flex}.stack-item{border:1px solid var(--border);background:#fff;border-radius:20px;align-items:center;gap:24px;padding:24px;transition:all .2s;display:flex}.stack-item:hover{border-color:var(--primary);box-shadow:0 10px 20px -5px #3960ef1a}.stack-role{width:140px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--border);padding-right:24px;font-size:.8125rem;font-weight:700}.stack-tool-icon{background:var(--bg-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.stack-tool-info{flex:1}.stack-tool-name{margin-bottom:4px;font-size:1.25rem;font-weight:800}.stack-tool-desc{color:#444;font-size:.9375rem}.stack-action{flex-shrink:0}.btn-restart{background:var(--bg-soft);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:12px;margin-top:40px;padding:16px;font-weight:700;transition:all .2s}.btn-restart:hover{background:#e2e8f0}@media (max-width:768px){.wizard-step{padding:32px 24px}.options-grid{grid-template-columns:1fr}.stack-item{flex-direction:column;align-items:flex-start;gap:16px}.stack-role{border-right:none;border-bottom:1px solid var(--border);width:100%;padding-bottom:12px;padding-right:0}.stack-action,.stack-action .btn{width:100%}}