.quiz-wrapper{max-width:800px;margin:0 auto;padding:0;position:relative;min-height:500px}.quiz-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px;min-height:500px}.quiz-loading .loader{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-header{text-align:center;margin-bottom:1.5rem}@media(min-width:768px){.quiz-header{margin-bottom:2rem}}.quiz-headline{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}@media(min-width:768px){.quiz-headline{font-size:2rem}}.quiz-subheadline{font-size:1rem;color:var(--text-secondary);line-height:1.5}@media(min-width:768px){.quiz-subheadline{font-size:1.125rem}}.quiz-progress{margin-bottom:1.5rem}.progress-bar{height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--text-secondary);text-align:center}.quiz-content{min-height:200px}@media(min-width:768px){.quiz-content{min-height:250px}}.question-slide{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-title{font-size:1.25rem;text-align:center;margin-bottom:1.25rem;color:var(--text-primary);line-height:1.4}@media(min-width:768px){.question-title{font-size:1.5rem;margin-bottom:1.5rem}}.options-grid{display:grid;gap:.75rem;margin-bottom:0}@media(min-width:640px){.options-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.option-btn{padding:.875rem 1rem;background:#fff;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9375rem;text-align:left;font-family:inherit;color:var(--text-primary);font-weight:500;width:100%}@media(min-width:640px){.option-btn{padding:1rem 1.25rem;font-size:1rem}}.option-btn:hover{border-color:var(--primary);background:var(--bg-accent)}.option-btn.selected{border-color:var(--primary);background:var(--bg-accent);font-weight:600}.quiz-navigation{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.quiz-navigation .btn{min-width:140px}@media(min-width:640px){.quiz-navigation .btn{min-width:200px}}.quiz-form,.quiz-success{max-width:600px;margin:0 auto;text-align:center;animation:fadeIn .3s ease}.quiz-success{display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:2rem 1rem}.form-title,.success-title{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.3;font-weight:700}@media(min-width:768px){.form-title,.success-title{font-size:2.25rem;margin-bottom:2rem}}.form-description,.success-message{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.7}@media(min-width:768px){.form-description,.success-message{font-size:1.25rem;margin-bottom:1.5rem}}.success-message:last-of-type{margin-bottom:2.5rem}.form-group{margin-bottom:1rem}.form-input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary)}.form-input.valid-phone{border-color:#28a745;background:#f0fff4}.form-input.valid-phone:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-input.invalid-phone{border-color:#dc3545;background:#fff5f5}.form-input.invalid-phone:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.btn-block{width:100%;margin-top:1rem}.form-privacy{font-size:.875rem;color:var(--text-secondary);margin-top:1rem}.error-text{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block;text-align:left}