•"; color: var(--magenta); font-weight: bold; margin-right: 0.5rem; } .quiz-header h1 { font-size: 1.8rem; margin: 0; } .quiz-content { padding: 2rem; } .question-container { margin-bottom: 2rem; } .question-number { color: var(--navy); font-weight: 600; margin-bottom: 1rem; } .question-text { color: var(--navy); font-size: 1.2rem; margin-bottom: 1.5rem; } .options-container button { display: block; width: 100%; padding: 1rem; margin-bottom: 1rem; border: 1px solid #ddd; border-radius: 4px; background: white; color: var(--navy); text-align: left; cursor: pointer; transition: all 0.3s ease; } .options-container button:hover { background: var(--cream); border-color: var(--magenta); } .results-container { text-align: center; display: none; } .results-icon { width: 80px; height: 80px; margin: 0 auto 1.5rem; background: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .results-icon svg { width: 40px; height: 40px; color: var(--gold); } .results-title { color: var(--navy); font-size: 1.5rem; margin-bottom: 1rem; } .results-score { color: var(--navy); opacity: 0.8; margin-bottom: 1rem; } .results-message { color: var(--navy); margin-bottom: 1.5rem; } .cta-button { background: var(--magenta); color: white; padding: 0.8rem 2rem; border: none; border-radius: 4px; font-weight: 600; cursor: pointer; transition: background 0.3s ease; } .cta-button:hover { background: var(--purple); } .hidden { display: none; }

Lead Response Scorecard

Question 1 of 5