.hero{position:relative;isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;z-index:-1}.hero:before{inset:12px -12px;background-image:linear-gradient(#ff784b0a 1px,transparent 1px),linear-gradient(90deg,#ff784b0a 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 38% 48%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 38% 48%,#000,transparent 72%)}.hero:after{inset:0;background:radial-gradient(ellipse at 36% 50%,#ff784b15,transparent 62%);animation:hero-glow 16s ease-in-out infinite alternate}@keyframes hero-glow{0%{transform:translate(-14px,6px);opacity:.55}to{transform:translate(24px,-8px);opacity:1}}.card{transition:border-color .25s ease,background-color .25s ease}@media(hover:hover){.card:hover{border-color:#ff784b80;background:#22201e}}.motion-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-reveal.is-pending{opacity:0;transform:translateY(16px)}.quiz-step:not([hidden]),.result:not([hidden]){animation:quiz-enter .3s ease-out both}@keyframes quiz-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.hero:before{background-size:42px 42px}.hero:after{animation:none;opacity:.7}}@media(prefers-reduced-motion:reduce){.hero:after{animation:none;transform:none;opacity:.7}.motion-reveal{transition:none}.motion-reveal.is-pending{opacity:1;transform:none}.quiz-step:not([hidden]),.result:not([hidden]){animation:none}.card{transition:none}}