.devis-qcm-page{min-height:100vh;padding:var(--space-4xl)var(--space-lg);background:linear-gradient(135deg,var(--color-cream)0%,var(--color-cream-dark)100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.devis-qcm-page:before{content:"";background:radial-gradient(circle,var(--color-mint-light)0%,transparent 70%);opacity:.5;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-20%;right:-10%}.devis-qcm-page:after{content:"";background:radial-gradient(circle,var(--color-lavender-light)0%,transparent 70%);opacity:.4;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-15%;left:-10%}.qcm-card{z-index:1;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);width:100%;max-width:620px;box-shadow:var(--shadow-xl);background:#ffffffd9;border:1px solid #fff9;position:relative;overflow:hidden}.qcm-progress{background:var(--color-cream-dark);height:6px;position:relative;overflow:hidden}.qcm-progress__bar{background:linear-gradient(90deg,var(--color-mint),var(--color-lavender),var(--color-peach));border-radius:0 var(--radius-full)var(--radius-full)0;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.qcm-close{top:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);z-index:2;background:#2d30470d;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.qcm-close:hover{color:var(--color-text-primary);background:#2d30471a;transform:rotate(90deg)}.qcm-content{padding:var(--space-3xl)var(--space-2xl)var(--space-xl)}.qcm-question{font-family:var(--font-display);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-2xl);font-size:clamp(1.25rem,3vw,1.625rem);font-weight:600;line-height:1.3}.qcm-options{gap:var(--space-sm);max-height:420px;padding-right:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.qcm-options::-webkit-scrollbar{width:4px}.qcm-options::-webkit-scrollbar-thumb{background:var(--color-lavender-light);border-radius:var(--radius-full)}.qcm-option{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;background:#2d304705;border:2px solid #0000;display:flex}.qcm-option:hover{border-color:var(--color-lavender-light);background:#2d30470d}.qcm-option.selected{border-color:var(--color-lavender);background:linear-gradient(135deg,#a7d7c526,#c4b5e026)}.qcm-option__radio{border-radius:var(--radius-full);border:2px solid var(--color-text-muted);width:22px;min-width:22px;height:22px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.qcm-option.selected .qcm-option__radio{border-color:var(--color-lavender)}.qcm-option.selected .qcm-option__radio:after{content:"";background:linear-gradient(135deg,var(--color-mint),var(--color-lavender));border-radius:50%;width:12px;height:12px}.qcm-option__checkbox{border-radius:var(--radius-sm);border:2px solid var(--color-text-muted);width:22px;min-width:22px;height:22px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.qcm-option.selected .qcm-option__checkbox{border-color:var(--color-lavender);background:linear-gradient(135deg,var(--color-mint),var(--color-lavender))}.qcm-option.selected .qcm-option__checkbox svg{opacity:1}.qcm-option__checkbox svg{opacity:0;transition:opacity var(--transition-fast);color:#fff}.qcm-option__label{color:var(--color-text-primary);font-size:.9375rem;font-weight:500;line-height:1.4}.qcm-show-more{margin:var(--space-md)auto 0;padding:var(--space-sm)var(--space-lg);color:var(--color-lavender);font-family:var(--font-body);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:600;display:block}.qcm-show-more:hover{color:var(--color-text-primary)}.qcm-form{gap:var(--space-md);flex-direction:column;display:flex}.qcm-form__group{gap:var(--space-xs);flex-direction:column;display:flex}.qcm-form__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.qcm-form__label .required{color:var(--color-coral)}.qcm-form__input,.qcm-form__textarea{width:100%;padding:.875rem var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--color-text-primary);transition:all var(--transition-fast);background:#fff9;border:2px solid #2d304714;outline:none;font-size:.9375rem}.qcm-form__input:focus,.qcm-form__textarea:focus{border-color:var(--color-lavender);background:#fff;box-shadow:0 0 0 4px #c4b5e026}.qcm-form__input::placeholder,.qcm-form__textarea::placeholder{color:var(--color-text-muted)}.qcm-form__textarea{resize:vertical;min-height:80px}.qcm-form__row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:480px){.qcm-form__row{grid-template-columns:1fr}}.qcm-actions{padding:var(--space-lg)var(--space-2xl)var(--space-2xl);justify-content:space-between;align-items:center;display:flex}.qcm-actions--end{justify-content:flex-end}.qcm-btn-back{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:2px solid #2d30471f;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.qcm-btn-back:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.qcm-btn-next{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,var(--color-lavender),var(--color-peach));border-radius:var(--radius-full);font-family:var(--font-body);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);border:none;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #c4b5e04d}.qcm-btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c4b5e066}.qcm-btn-next:disabled{opacity:.5;cursor:not-allowed}.qcm-btn-submit{background:linear-gradient(135deg,var(--color-mint),var(--color-lavender));box-shadow:0 4px 15px #a7d7c54d}.qcm-btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #a7d7c566}.qcm-success{text-align:center;padding:var(--space-3xl)var(--space-2xl)}.qcm-success__icon{width:80px;height:80px;margin:0 auto var(--space-xl);background:linear-gradient(135deg,var(--color-mint),var(--color-lavender));color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.qcm-success h2{margin-bottom:var(--space-md);font-size:1.75rem}.qcm-success p{color:var(--color-text-secondary);margin:0 auto var(--space-lg);max-width:400px}.qcm-success .btn{margin-top:var(--space-md)}.qcm-error{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);border:1px solid var(--color-coral);border-radius:var(--radius-md);margin-bottom:var(--space-lg);color:var(--color-text-primary);background:#f8b4a426;font-size:.875rem;display:flex}.qcm-step-indicator{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.8125rem;font-weight:500}@media (max-width:640px){.devis-qcm-page{padding:var(--space-2xl)var(--space-md);align-items:flex-start;padding-top:6rem}.qcm-content{padding:var(--space-2xl)var(--space-lg)var(--space-md)}.qcm-actions{padding:var(--space-md)var(--space-lg)var(--space-xl)}.qcm-question{font-size:1.25rem}.qcm-options{max-height:350px}}