.elementor-1042 .elementor-element.elementor-element-55e6b0c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-59ca749 */#quizApp .quiz-box{
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0,0,0,0.08);
}

/* PROGRESSO MAIS SUAVE */
#quizApp .progress-bar{
  background: linear-gradient(90deg,#22c55e,#4ade80);
}

/* OPÇÕES MAIS MODERNAS */
#quizApp .quiz-option{
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  transition: all 0.2s ease;
}

#quizApp .quiz-option:hover{
  background: #ecfdf5;
  border-color: #22c55e;
  transform: translateY(-1px);
}

/* CTA VERDE PREMIUM */
#quizApp .btn{
  background: linear-gradient(135deg,#16a34a,#22c55e) !important;
  border-radius: 14px;
  padding: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
  box-shadow: 0 10px 25px rgba(34,197,94,0.35);
  transition: all 0.25s ease;
  animation: pulseSoft 1.6s infinite;
}

#quizApp .btn:hover{
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 14px 30px rgba(34,197,94,0.45);
}

#quizApp .btn:active{
  transform: scale(0.97);
}

/* PULSE MAIS ELEGANTE */
@keyframes pulseSoft {
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

/* 🔥 URGÊNCIA EM VERMELHO PREMIUM */
#quizApp .urgency{
  background: linear-gradient(90deg,#fff1f1,#ffe5e5);
  color: #b91c1c;
  border: 1px solid #fecaca;
  border-radius: 14px;
  padding: 12px;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 6px 18px rgba(185,28,28,0.15);
}

/* TIMER MAIS FORTE */
#quizApp .timer{
  font-size: 20px;
  font-weight: bold;
  margin-top: 5px;
}

/* TEXTO MAIS LEGÍVEL */
#quizApp .quiz-title{
  font-weight: 700;
  color: #111827;
}

#quizApp .step{
  color: #6b7280;
}/* End custom CSS */