/* =========================================================
   VividFundy — Quiz page extras
   Only additions layered on top of style.css's existing
   .quiz-box / .quiz-progress / .quiz-option system.
   ========================================================= */

.quiz-hero{ position: relative; overflow: hidden; }

/* Pure-CSS decorative background (no photo, no icon glyphs) — soft
   layered glows plus a slow drifting sheen for a premium feel. */
.quiz-hero-glow{
  position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden;
}
.quiz-hero-glow::before,
.quiz-hero-glow::after{
  content:""; position:absolute; border-radius:50%; filter: blur(60px);
}
.quiz-hero-glow::before{
  width: 460px; height: 460px; top: -140px; right: 6%;
  background: radial-gradient(circle, rgba(231,196,100,.5), rgba(231,196,100,0) 70%);
  animation: quizGlowDrift 12s ease-in-out infinite;
}
.quiz-hero-glow::after{
  width: 380px; height: 380px; bottom: -160px; left: 8%;
  background: radial-gradient(circle, rgba(24,128,105,.55), rgba(24,128,105,0) 70%);
  animation: quizGlowDrift 14s ease-in-out infinite reverse;
}
.quiz-hero-sheen{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.07) 48%, transparent 66%);
  background-size: 220% 220%;
  animation: quizSheenSweep 9s ease-in-out infinite;
}
@keyframes quizGlowDrift{
  0%, 100%{ transform: translate(0, 0) scale(1); }
  50%{ transform: translate(-18px, 22px) scale(1.12); }
}
@keyframes quizSheenSweep{
  0%{ background-position: 0% 0%; }
  50%{ background-position: 100% 100%; }
  100%{ background-position: 0% 0%; }
}
@media (prefers-reduced-motion: reduce){
  .quiz-hero-glow::before, .quiz-hero-glow::after, .quiz-hero-sheen{ animation: none; }
}

.quiz-result-books .mini-book-card{
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md);
  overflow: hidden; display:flex; flex-direction: column; text-align:left;
}
.quiz-result-books .mini-book-card img{ width:100%; aspect-ratio: 2/3; object-fit: cover; }
.quiz-result-books .mini-book-card__body{ padding: 12px 14px 16px; display:flex; flex-direction:column; gap: 6px; flex:1; }
.quiz-result-books .mini-book-card__title{ font-family: var(--font-head); font-size: 14.5px; color: var(--navy); font-weight:600; line-height:1.3; }
.quiz-result-books .mini-book-card__foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; }

.quiz-result__profile-badge{
  display:inline-flex; align-items:center; gap:8px; background: var(--cream-2); color: var(--navy);
  padding: 8px 16px; border-radius: var(--radius-pill); font-size:13px; font-weight:700; margin-bottom: 16px;
}

.quiz-restart-row{ text-align:center; margin-top: 26px; }

@media (max-width: 560px){
  .quiz-option{ font-size:14px; padding: 14px 16px; }
}