*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#2c5aa0,#1e3c72);min-height:100vh;padding:20px}.survey-container{max-width:700px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000001a;overflow:hidden;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.survey-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.survey-header h1{font-size:2.2rem;margin-bottom:10px;font-weight:600}.progress-bar{background:#fff3;height:8px;border-radius:4px;margin-top:20px;overflow:hidden}.progress-fill{background:#fff;height:100%;border-radius:4px;transition:width .3s ease;width:0%}.progress-text{margin-top:10px;font-size:.9rem;opacity:.9}.survey-form{padding:30px;min-height:400px}.question-group{animation:fadeIn .5s ease-out forwards;opacity:0}.question-group.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.section-header{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e1e8ed}.question-label{display:block;font-weight:600;margin-bottom:20px;color:#2c3e50;font-size:1.2rem;line-height:1.4}.required{color:#e74c3c}input[type=text]{width:100%;padding:15px;border:2px solid #e1e8ed;border-radius:8px;font-size:1.1rem;transition:all .3s ease;background:#f8f9fa}input[type=text]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;padding:15px;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;font-size:1.1rem}.radio-option:hover{border-color:#667eea;background:#f0f4ff;transform:translateY(-2px)}.radio-option input{margin-right:15px;transform:scale(1.3);accent-color:#667eea}.radio-option.selected{border-color:#667eea;background:#f0f4ff;box-shadow:0 4px 15px #667eea33}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:25px;border-top:2px solid #e1e8ed}.nav-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.prev-btn{background:#f8f9fa;color:#666;border:2px solid #e1e8ed}.prev-btn:hover{background:#e9ecef;transform:translateY(-2px)}.prev-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.next-btn,.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 8px 25px #667eea4d}.next-btn:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.next-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-fields{display:grid;gap:20px}.contact-field label{display:block;font-weight:600;margin-bottom:8px;color:#2c3e50;font-size:1.1rem}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:20px;border-radius:8px;text-align:center;font-size:1.1rem;margin-top:20px}.question-counter{text-align:right;color:#666;font-size:.9rem;margin-bottom:10px}@media (max-width: 768px){.survey-container{margin:10px;border-radius:10px}.survey-header{padding:25px 20px}.survey-header h1{font-size:1.8rem}.survey-form{padding:25px 20px}.radio-option{padding:12px;font-size:1rem}.navigation-buttons{flex-direction:column;gap:15px}.nav-btn{width:100%}}