* {margin: 0;padding: 0;box-sizing: border-box;}body {min-height: 100vh;}.container {max-width: 1200px;margin: 0 auto;padding: 20px;}.card {background: white;border-radius: 20px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);overflow: hidden;margin-bottom: 30px;}.btn-primary {border: none;padding: 15px 40px;font-size: 1.2rem;border-radius: 50px;transition: all 0.3s ease;}.card-header {padding: 30px;text-align: center;}.card-body {padding: 40px;}.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}.intelligence-card {border: 2px solid #e9ecef;border-radius: 15px;padding: 20px;margin-bottom: 20px;transition: all 0.3s ease;}.intelligence-card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}.intelligence-icon {font-size: 2.5rem;margin-bottom: 15px;}.btn-start {border: none;padding: 15px 40px;font-size: 1.2rem;border-radius: 50px;transition: all 0.3s ease;}.btn-start:hover {transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}.progress {height: 10px;border-radius: 10px;border: 1px solid #e9ecef;}.progress-container {margin: 20px 0;}.progress {height: 10px;border-radius: 10px;border: 2px solid #e9ecef;background-color: transparent;}.progress-bar {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: 10px;}.question-container {text-align: center;margin: 30px 0;}.question {font-size: 1.3rem;color: #333;margin-bottom: 30px;line-height: 1.6;}.answer-options {display: flex;justify-content: space-between;gap: 15px;margin-top: 30px;flex-wrap: wrap;}.answer-option {flex: 1;border: 2px solid #e9ecef;border-radius: 15px;padding: 20px;text-align: center;cursor: pointer;transition: all 0.3s ease;background: white;}.answer-option:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.answer-option.selected {color: white;}.answer-number {font-size: 2rem;font-weight: bold;margin-bottom: 10px;}.answer-option.selected .answer-number {color: white;}.btn-next {border: none;padding: 12px 30px;border-radius: 25px;color: white;font-weight: bold;margin-top: 20px;}.btn-next:disabled {background: #ccc;cursor: not-allowed;}.form-section {background: #f8f9fa;border-radius: 15px;padding: 30px;margin: 20px 0;}.result-section {text-align: center;padding: 30px;}.intelligence-score {background: white;border-radius: 15px;padding: 20px;margin: 15px 0;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.answer-text {font-size: 0.9rem;color: #666;}.answer-option.selected .answer-text {color: white;}.score-bar {height: 20px;background: #e9ecef;border-radius: 10px;overflow: hidden;margin: 10px 0;}.score-fill {height: 100%;transition: width 1s ease;}.course-recommendations {background: #f8f9fa;border-radius: 15px;padding: 25px;margin-top: 30px;}.course-item {background: white;border-radius: 10px;padding: 15px;margin: 10px 0;}.hidden {display: none;}.fade-in {animation: fadeIn 0.5s ease-in;}@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}