/* Quiz — modo escuro (padrão de marca) */
.qz-opt {
  width: 100%;
  text-align: left;
  padding: 1rem 1.25rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(10, 15, 31, 0.5);
  color: #e7e5e4;
  transition: border-color 0.2s, background 0.2s, transform 0.15s;
}
.qz-opt:hover {
  border-color: rgba(0, 232, 255, 0.55);
  background: rgba(0, 232, 255, 0.08);
  transform: translateX(4px);
}
.qz-panel {
  background: rgba(18, 24, 46, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.qz-plan-card {
  background: rgba(18, 24, 46, 0.85);
  border-color: rgba(255, 255, 255, 0.1);
}
.qz-bar-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.qz-bar-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #00e8ff, #9333ea);
  transition: width 0.4s ease;
}
.qz-pulse {
  animation: qz-pulse 1.2s ease-in-out infinite;
}
@keyframes qz-pulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* Quiz — modo claro (legível) */
html:not(.dark) .qz-opt {
  border: 1px solid #d6d3d1;
  background: #ffffff;
  color: #292524;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
html:not(.dark) .qz-opt:hover {
  border-color: #0891b2;
  background: #ecfeff;
}
html:not(.dark) .qz-panel {
  background: #ffffff;
  border: 1px solid #d6d3d1;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
html:not(.dark) .qz-plan-card {
  background: #ffffff;
  border-color: #e7e5e4;
}
html:not(.dark) .qz-bar-track {
  background: #e7e5e4;
}
html:not(.dark) .landing-hero #qz-intro .text-stone-400,
html:not(.dark) .landing-hero #qz-bridge .text-stone-400,
html:not(.dark) .landing-hero #qz-plans .text-stone-400 {
  color: #57534e;
}
html:not(.dark) .landing-hero #qz-intro .text-stone-500,
html:not(.dark) .landing-hero #qz-step .text-stone-500,
html:not(.dark) .landing-hero #qz-load .text-stone-500,
html:not(.dark) .landing-hero #qz-plans .text-stone-500,
html:not(.dark) .landing-hero #qz-plans .text-stone-600 {
  color: #78716c;
}
html:not(.dark) .landing-hero #qz-tip-text {
  color: #44403c;
}
html:not(.dark) .landing-hero #qz-profile-body {
  color: #57534e;
}
html:not(.dark) .landing-hero #qz-step h2,
html:not(.dark) .landing-hero #qz-profile h2,
html:not(.dark) .landing-hero #qz-bridge h2 {
  color: #1c1917;
}
html:not(.dark) .landing-hero .qz-plan-card .text-stone-300,
html:not(.dark) .landing-hero .qz-plan-card .text-stone-400 {
  color: #57534e;
}