:root{--survey-primary:#2c3e50;--survey-accent:#d35400;--survey-text-dark:#0f172a;--survey-text-light:#64748b;--survey-bg-white:#fff;--survey-bg-subtle:#f8fafc;--survey-border-light:#0f172a14;--survey-shadow-sm:0 1px 3px #0f172a14;--survey-shadow-md:0 4px 12px #0f172a1a;--survey-shadow-lg:0 10px 30px #0f172a1f}.survey-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.navigation-bar{z-index:1000;gap:8px;display:flex;position:fixed;top:20px;right:20px}.nav-btn{background:var(--survey-bg-white);border:1px solid var(--survey-border-light);width:40px;height:40px;color:var(--survey-text-dark);cursor:pointer;box-shadow:var(--survey-shadow-sm);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-btn:hover:not(:disabled){background:var(--survey-bg-subtle);box-shadow:var(--survey-shadow-md);transform:translateY(-2px)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn.close-btn{color:#dc2626;background:#fee;border-color:#fecaca}.nav-btn.close-btn:hover{background:#fecaca}.survey-content{flex:1;justify-content:center;align-items:center;padding:80px 24px 60px;display:flex;overflow:hidden auto}.question-wrapper{width:100%;max-width:720px;margin:0 auto}.survey-question{flex-direction:column;justify-content:center;width:100%;min-height:400px;display:flex}.question-number{color:var(--survey-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:1.125rem;font-weight:600;display:flex}.question-number .arrow-icon{opacity:.5}.question-title{color:var(--survey-text-dark);letter-spacing:-.02em;margin:0 0 32px;font-size:2rem;font-weight:700;line-height:1.2}.question-title-main{color:var(--survey-text-dark);letter-spacing:-.03em;margin:0 0 16px;font-size:2.5rem;font-weight:800;line-height:1.1}.question-subtitle{color:var(--survey-text-light);margin:0 0 16px;font-size:1.25rem;font-weight:500}.question-description{color:var(--survey-text-light);margin:0 0 32px;font-size:1rem;line-height:1.6}@media (max-width:768px){.question-title{margin-bottom:24px;font-size:1.5rem}.question-title-main{font-size:2rem}.question-subtitle{font-size:1.125rem}}.welcome-content{text-align:left}.benefits-list{flex-direction:column;gap:12px;margin:24px 0 32px;display:flex}.benefit-item{background:var(--survey-bg-white);border:1px solid var(--survey-border-light);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.benefit-item:hover{box-shadow:var(--survey-shadow-sm);transform:translate(4px)}.benefit-icon{color:var(--survey-accent);flex-shrink:0}.benefit-item span{color:var(--survey-text-dark);font-size:1rem;font-weight:500}.options-container{width:100%}.selection-hint{color:var(--survey-text-light);text-align:left;margin:0 0 16px;font-size:.875rem}.options-grid{flex-direction:column;gap:12px;width:100%;display:flex}.option-card{background:var(--survey-bg-white);border:2px solid var(--survey-border-light);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:16px;width:100%;min-height:64px;padding:18px 20px;transition:all .15s;display:flex;position:relative}.option-letter{background:var(--survey-bg-subtle);width:32px;height:32px;color:var(--survey-text-light);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:all .15s;display:flex}.option-text{color:var(--survey-text-dark);flex:1;font-size:1rem;font-weight:500;line-height:1.4}.check-icon{opacity:0;color:var(--survey-bg-white);flex-shrink:0;transition:all .15s;transform:scale(.8)}.option-card:hover{box-shadow:var(--survey-shadow-sm);border-color:#2c3e504d;transform:translate(4px)}.option-card:hover .option-letter{color:var(--survey-primary);background:#2c3e501a}.option-card.selected{background:var(--survey-primary);border-color:var(--survey-primary);box-shadow:var(--survey-shadow-md)}.option-card.selected .option-letter{color:var(--survey-bg-white);background:#fff3}.option-card.selected .option-text{color:var(--survey-bg-white)}.option-card.selected .check-icon{opacity:1;transform:scale(1)}@media (max-width:768px){.option-card{min-height:72px;padding:16px}.option-text{font-size:.9375rem}}.contact-form{width:100%}.input-group{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.text-input{background:var(--survey-bg-white);border:2px solid var(--survey-border-light);width:100%;height:56px;color:var(--survey-text-dark);border-radius:12px;padding:0 20px;font-size:1rem;transition:all .2s}.text-input::placeholder{color:var(--survey-text-light)}.text-input:focus{border-color:var(--survey-primary);outline:none;box-shadow:0 0 0 4px #2c3e501a}.textarea-container{width:100%}.text-area{background:var(--survey-bg-white);border:2px solid var(--survey-border-light);width:100%;min-height:160px;color:var(--survey-text-dark);resize:vertical;border-radius:12px;margin-bottom:24px;padding:20px;font-family:inherit;font-size:1rem;transition:all .2s}.text-area::placeholder{color:var(--survey-text-light)}.text-area:focus{border-color:var(--survey-primary);outline:none;box-shadow:0 0 0 4px #2c3e501a}.primary-button,.continue-button{background:var(--survey-primary);height:56px;color:var(--survey-bg-white);cursor:pointer;box-shadow:var(--survey-shadow-sm);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 32px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.primary-button:hover:not(:disabled),.continue-button:hover:not(:disabled){box-shadow:var(--survey-shadow-lg);background:#243342;transform:translateY(-2px)}.primary-button:disabled,.continue-button:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.continue-button{margin-top:16px}.submit-btn{width:100%}.success-screen{text-align:center;width:100%;max-width:480px;padding:48px 24px}.success-icon-wrapper{background:linear-gradient(135deg,var(--survey-accent),#b8430a);width:80px;height:80px;color:var(--survey-bg-white);box-shadow:var(--survey-shadow-lg);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.success-title{color:var(--survey-text-dark);margin:0 0 12px;font-size:1.75rem;font-weight:700}.success-text{color:var(--survey-text-light);margin:0;font-size:1.125rem}.progress-bar-container{z-index:1000;background:#0f172a14;width:100%;height:4px;position:fixed;bottom:0;left:0}.progress-bar{background:linear-gradient(90deg,var(--survey-primary),var(--survey-accent));height:100%;transition:width .4s}.footer-brand{color:var(--survey-text-light);z-index:1000;font-size:.75rem;position:fixed;bottom:16px;right:20px}@media (max-width:768px){.survey-content{padding:60px 16px 50px}.question-wrapper{max-width:100%}.navigation-bar{top:12px;right:12px}}@media (max-width:480px){.question-title{font-size:1.375rem}.question-title-main{font-size:1.75rem}.primary-button,.continue-button{height:52px;font-size:.9375rem}}