.option-button{align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.option-button:hover{transform:translateY(-2px)}.option-button:active{transform:translateY(0)}.option-selected{background-color:hsl(var(--primary)/.15);border-color:hsl(var(--primary)/.5);box-shadow:0 4px 12px hsl(var(--primary)/.25);transform:scale(1.02)}.progress-bar{transition:width .6s ease-in-out;position:relative}.progress-bar:after{content:"";position:absolute;inset:0}@keyframes barber-pole{0%{background-position:0 0}to{background-position:20px 20px}}.quiz-video-modal-container{touch-action:none;-webkit-overflow-scrolling:touch;overscroll-behavior:none;will-change:transform;background:#0e0b0c;border-radius:16px;justify-content:center;align-items:center;width:auto;max-width:min(90vw,720px);height:auto;max-height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.quiz-video-modal{-o-object-fit:contain;object-fit:contain;touch-action:none;-webkit-overflow-scrolling:touch;overscroll-behavior:none;pointer-events:none;will-change:opacity;width:auto;max-width:100%;height:auto;max-height:100%}.quiz-video-modal::-webkit-media-controls{display:none!important}.quiz-video-modal::-webkit-media-controls-enclosure{display:none!important}@media (max-width:768px){.quiz-video-modal-container{aspect-ratio:9/16;width:calc(100% - 32px);height:auto;max-height:calc(100vh - 64px);margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-video-modal{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}@media (min-width:769px){.quiz-video-modal-container{max-height:calc(100vh - 96px);margin:48px auto}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.quiz-gradient-bg{pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:linear-gradient(45deg,#8ba0780d 0%,#8ba07814 25%,#8ba0780d 50%,#8ba07814 75%,#8ba0780d 100%) 0 0/200% 200%;animation:15s infinite gradientAnimation;position:absolute;inset:0}.dark .quiz-gradient-bg{background:linear-gradient(45deg,#8ba0780d 0%,#8ba07814 25%,#8ba0780d 50%,#8ba07814 75%,#8ba0780d 100%)}.quiz-exit{opacity:1;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:scale(1)}.quiz-exit-active{opacity:0;transform:scale(.96)translateY(40px)}.quiz-thankyou-in{opacity:0;animation:.7s cubic-bezier(.4,0,.2,1) forwards quizThankyouIn;transform:scale(.96)translateY(40px)}@keyframes quizThankyouIn{0%{opacity:0;transform:scale(.96)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.quiz-question-anim{will-change:transform,opacity;position:relative}.quiz-slide-in-right{animation:.5s cubic-bezier(.4,0,.2,1) quizSlideInRight}.quiz-slide-in-left{animation:.5s cubic-bezier(.4,0,.2,1) quizSlideInLeft}@keyframes quizSlideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes quizSlideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}