.survey-overlay{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#06050aed;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.survey-modal{color:#fff;background:linear-gradient(135deg,#191628fa 0%,#0d0a12fc 100%);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:600px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #000c,inset 0 0 0 1px #ffffff0d,0 0 80px #7c3aed26}.survey-modal:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#7c3aed40 0%,#7c3aed00 70%);width:300px;height:300px;position:absolute;top:-150px;right:-150px}.survey-modal:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#4f46e533 0%,#4f46e500 70%);width:300px;height:300px;position:absolute;bottom:-150px;left:-150px}.survey-header{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.survey-header-row{justify-content:space-between;align-items:center;display:flex}.survey-title-badge{text-transform:uppercase;letter-spacing:1px;color:#c084fc;background:#7c3aed26;border:1px solid #a78bfa4d;border-radius:100px;padding:6px 12px;font-size:11px;font-weight:600}.survey-close-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s;display:flex}.survey-close-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444466;transform:rotate(90deg)}.survey-progress-container{flex-direction:column;gap:8px;display:flex}.survey-progress-info{color:#ffffff80;justify-content:space-between;font-size:12px;font-weight:500;display:flex}.survey-progress-bar-bg{background:#ffffff0d;border-radius:10px;height:6px;position:relative;overflow:hidden}.survey-progress-bar-fill{background:linear-gradient(90deg,#7c3aed,#4f46e5);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #7c3aed80}.survey-step-container{z-index:1;flex-direction:column;justify-content:center;min-height:280px;display:flex;position:relative}.survey-question{background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:20px;font-weight:700;line-height:1.4}.survey-options-list{flex-direction:column;gap:12px;display:flex}.survey-option-card{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.survey-option-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translate(4px);box-shadow:0 4px 12px #00000026}.survey-option-card.selected{background:linear-gradient(90deg,#7c3aed26 0%,#4f46e526 100%);border-color:#a78bfa;transform:translate(4px);box-shadow:0 0 20px #7c3aed26,inset 0 0 0 1px #a78bfa1a}.survey-option-selector{border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.survey-option-card.selected .survey-option-selector{background:#7c3aed;border-color:#a78bfa}.survey-option-selector-dot{opacity:0;background:#fff;border-radius:50%;width:8px;height:8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);transform:scale(.5)}.survey-option-card.selected .survey-option-selector-dot{opacity:1;transform:scale(1)}.survey-option-text{color:#ffffffd9;font-size:14px;font-weight:500;line-height:1.4;transition:color .2s}.survey-option-card.selected .survey-option-text{color:#fff;font-weight:600}.survey-footer{z-index:1;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:12px;padding-top:20px;display:flex;position:relative}.survey-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.survey-btn-secondary{color:#ffffffb3;background:0 0;border:1px solid #ffffff1f}.survey-btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff0d;border-color:#ffffff40}.survey-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;margin-left:auto;box-shadow:0 4px 12px #7c3aed59}.survey-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#6366f1);transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed80}.survey-btn-primary:active:not(:disabled){transform:translateY(0)}.survey-btn:disabled{opacity:.4;cursor:not-allowed}.survey-btn-back{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .2s;display:inline-flex}.survey-btn-back:hover:not(:disabled){color:#ffffffd9;background:#ffffff0d}.survey-btn-back:disabled{opacity:.3;cursor:not-allowed}.survey-loading-spinner{border:3px solid #7c3aed26;border-top-color:#7c3aed;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite survey-spin}@keyframes survey-spin{to{transform:rotate(360deg)}}.survey-slide-enter{opacity:0;transform:translate(20px)}.survey-slide-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}.survey-slide-exit{opacity:1;transform:translate(0)}.survey-slide-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translate(-20px)}@media (max-width:600px){.survey-modal{gap:20px;padding:24px 20px}.survey-question{font-size:18px}}