.quiz-loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#3b82f6,#8b5cf6,#ec4899);overflow:hidden}.quiz-overlay-gradient{position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(59,130,246,.2),rgba(139,92,246,.2),rgba(236,72,153,.2))}.quiz-content-container{position:relative;z-index:10;max-width:400px;width:100%;text-align:center;padding:0 2rem 2rem;background:linear-gradient(to bottom right,rgba(59,130,246,.1),rgba(139,92,246,.1),rgba(236,72,153,.1));border-radius:1rem;backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.progress-outer{width:100%;height:.75rem;margin-bottom:2rem;background-color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.4);border-radius:9999px;overflow:hidden}.progress-inner{height:100%;background:linear-gradient(90deg,#60a5fa,#818CF8,#a855f7);border-radius:9999px;transition:width .3s ease-out;position:relative}.progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.7}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.step-enter{opacity:0;transform:translateY(10px)}.step-enter-active{transition:opacity .5s,transform .5s}.step-enter-active,.step-exit{opacity:1;transform:translateY(0)}.step-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .5s,transform .5s}.icon-enter{opacity:0;transform:scale(.8)}.icon-enter-active{transition:opacity .5s,transform .5s}.icon-enter-active,.icon-exit{opacity:1;transform:scale(1)}.icon-exit-active{opacity:0;transform:scale(.8);transition:opacity .5s,transform .5s}@keyframes slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}