.quiz-section{background-color:var(--color-base-100)}.quiz-bg-gradient{background:radial-gradient(ellipse 80% 60% at 50% 0%,color-mix(in oklch,var(--color-primary) 15%,transparent) 0%,transparent 70%)}.quiz-bg-glow{background:radial-gradient(ellipse 40% 40% at 20% 80%,color-mix(in oklch,var(--color-secondary) 8%,transparent) 0%,transparent 70%),radial-gradient(ellipse 35% 35% at 80% 20%,color-mix(in oklch,var(--color-accent) 6%,transparent) 0%,transparent 70%)}.quiz-glass-card{background:color-mix(in oklch,var(--color-base-100) 65%,transparent);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid color-mix(in oklch,var(--color-base-300) 50%,transparent);border-radius:1.5rem;padding:2.5rem 2rem;box-shadow:0 1px 2px color-mix(in oklch,var(--color-base-content) 3%,transparent),0 4px 16px color-mix(in oklch,var(--color-base-content) 5%,transparent),0 20px 50px color-mix(in oklch,var(--color-base-content) 6%,transparent)}@media(min-width:768px){.quiz-glass-card{padding:3.5rem 3rem}}.quiz-fullpage{background-color:var(--color-base-100)}.quiz-fp-bg{background:radial-gradient(ellipse 70% 50% at 20% 10%,color-mix(in oklch,var(--color-primary) 20%,transparent) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 80% 80%,color-mix(in oklch,var(--color-accent) 12%,transparent) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,color-mix(in oklch,var(--color-secondary) 8%,transparent) 0%,transparent 60%)}.quiz-fp-orb{border-radius:50%;filter:blur(100px);opacity:.25}.quiz-fp-orb-1{width:500px;height:500px;top:-15%;right:-5%;background:color-mix(in oklch,var(--color-primary) 30%,transparent);animation:quiz-orb-1 18s ease-in-out infinite}.quiz-fp-orb-2{width:400px;height:400px;bottom:-10%;left:5%;background:color-mix(in oklch,var(--color-secondary) 20%,transparent);animation:quiz-orb-2 22s ease-in-out infinite}.quiz-fp-orb-3{width:300px;height:300px;top:40%;left:50%;background:color-mix(in oklch,var(--color-accent) 15%,transparent);animation:quiz-orb-3 15s ease-in-out infinite}@keyframes quiz-orb-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.08)}66%{transform:translate(30px,-20px) scale(.95)}}@keyframes quiz-orb-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(35px,-25px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.92)}}@keyframes quiz-orb-3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-30px,-20px) scale(1.1)}70%{transform:translate(25px,15px) scale(.93)}}.quiz-fp-heading{color:var(--color-base-content)}.quiz-fp-card{background:color-mix(in oklch,var(--color-base-100) 70%,transparent);backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border:1px solid color-mix(in oklch,var(--color-base-300) 40%,transparent);border-radius:2rem;padding:3rem 2rem;box-shadow:0 1px 3px color-mix(in oklch,var(--color-base-content) 4%,transparent),0 8px 24px color-mix(in oklch,var(--color-base-content) 6%,transparent),0 24px 64px color-mix(in oklch,var(--color-base-content) 8%,transparent)}@media(min-width:768px){.quiz-fp-card{padding:4rem 3.5rem}}@media(min-width:1024px){.quiz-fp-card{padding:4.5rem 4rem}}@keyframes quiz-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes quiz-glow{0%{box-shadow:0 0 color-mix(in oklch,var(--color-primary) 40%,transparent)}50%{box-shadow:0 0 20px 4px color-mix(in oklch,var(--color-primary) 30%,transparent)}to{box-shadow:0 0 color-mix(in oklch,var(--color-primary) 0%,transparent)}}@keyframes quiz-ripple{0%{background-size:0% 0%;opacity:.5}to{background-size:300% 300%;opacity:0}}.quiz-effect-pulse{animation:quiz-pulse .4s ease-out}.quiz-effect-glow{animation:quiz-glow .5s ease-out}.quiz-effect-ripple{background-image:radial-gradient(circle,color-mix(in oklch,var(--color-primary) 30%,transparent) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:center;animation:quiz-ripple .5s ease-out forwards}.icon-animate{--icon-hover: rotate(360deg);transition:transform .5s ease-out}.group:hover .icon-animate{transform:var(--icon-hover)}