{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: white; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden; } .header { background: #003e7e; color: white; padding: 30px; text-align: center; } .header h1 { font-size: 28px; margin-bottom: 10px; } .header p { opacity: 0.9; font-size: 16px; } .progress-bar { height: 6px; background: #e0e0e0; position: relative; overflow: hidden; } .progress-fill { height: 100%; background: #4caf50; transition: width 0.3s ease; } .wizard-content { padding: 40px; min-height: 400px; } .step { display: none; } .step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .question-group { margin-bottom: 25px; } .question-group h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .radio-group, .checkbox-group { display: flex; flex-direction: column; gap: 12px; } .radio-item, .checkbox-item { display: flex; align-items: flex-start; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; } .radio-item:hover, .checkbox-item:hover { border-color: #4caf50; background: #f8f9fa; } .radio-item input, .checkbox-item input { margin-right: 12px; margin-top: 3px; cursor: pointer; } .radio-item label, .checkbox-item label { cursor: pointer; flex: 1; } .navigation { display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px solid #e0e0e0; } .btn { padding: 12px 30px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; transition: all 0.2s ease; font-weight: 500; } .btn-prev { background: #6c757d; color: white; } .btn-prev:hover { background: #5a6268; } .btn-next { background: #4caf50; color: white; } .btn-next:hover { background: #45a049; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .results { background: #f8f9fa; border-radius: 8px; padding: 20px; margin-top: 20px; } .result-section { margin-bottom: 30px; padding: 20px; background: white; border-radius: 8px; border-left: 4px solid #4caf50; } .result-section h3 { color: #003e7e; margin-bottom: 15px; font-size: 20px; } .result-section h4 { color: #003e7e; margin-top: 20px; margin-bottom: 10px; font-size: 18px; } .result-section ul { margin-left: 20px; margin-top: 10px; } .result-section li { margin-bottom: 8px; } .citation { background: #e3f2fd; border-left: 3px solid #2196f3; padding: 10px 15px; margin: 15px 0; font-size: 14px; } .citation a { color: #1976d2; text-decoration: none; font-weight: 500; } .citation a:hover { text-decoration: underline; } .warning { background: #fff3cd; border-left: 3px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; } .warning strong { color: #856404; } .error { color: #dc3545; font-size: 14px; margin-top: 5px; } .step-indicator { text-align: center; margin-bottom: 20px; color: #666; font-size: 14px; } input[type="text"], select { width: 100%; padding: 10px; border: 2px solid #e0e0e0; border-radius: 5px; font-size: 16px; margin-top: 5px; } select { cursor: pointer; } .info-box { background: #e8f5e9; border-left: 3px solid #4caf50; padding: 15px; margin: 15px 0; border-radius: 5px; }