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