.glassmorphic-card{background:hsla(0,0%,100%,.25);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px 0 rgba(31,38,135,.15),inset 0 1px 1px 0 hsla(0,0%,100%,.25);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glassmorphic-card:hover{background:hsla(0,0%,100%,.3);box-shadow:0 12px 40px 0 rgba(31,38,135,.2),inset 0 1px 1px 0 hsla(0,0%,100%,.3);transform:translateY(-2px)}.glassmorphic-card-elevated{background:linear-gradient(135deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.15));backdrop-filter:blur(15px) saturate(200%);-webkit-backdrop-filter:blur(15px) saturate(200%);border:1px solid hsla(0,0%,100%,.25);box-shadow:0 20px 60px 0 rgba(31,38,135,.25),0 4px 16px 0 rgba(31,38,135,.1),inset 0 2px 2px 0 hsla(0,0%,100%,.4);border-radius:24px}.glassmorphic-button{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px 0 rgba(31,38,135,.15),inset 0 1px 1px 0 hsla(0,0%,100%,.2);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.glassmorphic-button:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.15));box-shadow:0 6px 16px 0 rgba(31,38,135,.2),inset 0 1px 1px 0 hsla(0,0%,100%,.3);transform:translateY(-1px)}.glassmorphic-button:active{transform:translateY(0);box-shadow:0 2px 8px 0 rgba(31,38,135,.15),inset 0 1px 1px 0 hsla(0,0%,100%,.15)}.glassmorphic-button-primary{background:linear-gradient(135deg,rgba(99,102,241,.85),rgba(79,70,229,.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-weight:600;box-shadow:0 4px 16px 0 rgba(99,102,241,.35),inset 0 1px 1px 0 hsla(0,0%,100%,.25)}.glassmorphic-button-primary:hover{background:linear-gradient(135deg,rgba(99,102,241,.95),rgba(79,70,229,.95));box-shadow:0 6px 20px 0 rgba(99,102,241,.45),inset 0 1px 1px 0 hsla(0,0%,100%,.3)}.glassmorphic-button-success{background:linear-gradient(135deg,rgba(34,197,94,.85),rgba(16,185,129,.85));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.3);color:#fff}.glassmorphic-option{background:hsla(0,0%,100%,.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid hsla(0,0%,100%,.15);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.glassmorphic-option:hover{background:hsla(0,0%,100%,.25);border-color:rgba(99,102,241,.3);box-shadow:0 4px 12px 0 rgba(99,102,241,.1),inset 0 1px 1px 0 hsla(0,0%,100%,.2);transform:translateX(4px)}.glassmorphic-option.selected{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(99,102,241,.05));border-color:rgba(99,102,241,.5);box-shadow:0 4px 16px 0 rgba(99,102,241,.2),inset 0 1px 1px 0 hsla(0,0%,100%,.2)}.glassmorphic-option.correct{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));border-color:rgba(34,197,94,.5)}.glassmorphic-option.incorrect{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));border-color:rgba(239,68,68,.5)}.glassmorphic-input{background:hsla(0,0%,100%,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.glassmorphic-input:focus{background:hsla(0,0%,100%,.15);border-color:rgba(99,102,241,.4);box-shadow:0 0 0 4px rgba(99,102,241,.1),inset 0 1px 1px 0 hsla(0,0%,100%,.2);outline:none}.glassmorphic-badge{background:hsla(0,0%,100%,.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid hsla(0,0%,100%,.15);border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600}.glassmorphic-stepper{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(99,102,241,.05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(147,51,234,.2);border-radius:20px;box-shadow:0 8px 24px 0 rgba(147,51,234,.15),inset 0 1px 1px 0 hsla(0,0%,100%,.2)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glassmorphic-gradient-bg{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(147,51,234,.05),rgba(236,72,153,.05),rgba(99,102,241,.05));background-size:400% 400%;animation:gradient-shift 15s ease infinite}.glassmorphic-mobile{border-radius:16px}.glassmorphic-mobile .glassmorphic-card{border-radius:16px;box-shadow:0 4px 16px 0 rgba(31,38,135,.12),inset 0 1px 1px 0 hsla(0,0%,100%,.2)}.glassmorphic-desktop{border-radius:24px}.glassmorphic-desktop .glassmorphic-card{border-radius:24px;box-shadow:0 12px 40px 0 rgba(31,38,135,.18),inset 0 2px 2px 0 hsla(0,0%,100%,.25)}@media (prefers-color-scheme:dark){.glassmorphic-card{background:rgba(30,30,30,.35);border:1px solid hsla(0,0%,100%,.08)}.glassmorphic-button{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.1)}.glassmorphic-option{background:rgba(30,30,30,.25);border:2px solid hsla(0,0%,100%,.08)}}@media (prefers-reduced-motion:reduce){.glassmorphic-button,.glassmorphic-card,.glassmorphic-option{transition:none}.glassmorphic-gradient-bg{animation:none}}@media (prefers-contrast:high){.glassmorphic-button,.glassmorphic-card,.glassmorphic-option{border-width:2px;border-color:rgba(0,0,0,.5)}}@theme inline{--animation-delay-0:0s;--animation-delay-75:75ms;--animation-delay-100:.1s;--animation-delay-150:.15s;--animation-delay-200:.2s;--animation-delay-300:.3s;--animation-delay-500:.5s;--animation-delay-700:.7s;--animation-delay-1000:1s;--animation-repeat-0:0;--animation-repeat-1:1;--animation-repeat-infinite:infinite;--animation-direction-normal:normal;--animation-direction-reverse:reverse;--animation-direction-alternate:alternate;--animation-direction-alternate-reverse:alternate-reverse;--animation-fill-mode-none:none;--animation-fill-mode-forwards:forwards;--animation-fill-mode-backwards:backwards;--animation-fill-mode-both:both;--percentage-0:0;--percentage-5:.05;--percentage-10:.1;--percentage-15:.15;--percentage-20:.2;--percentage-25:.25;--percentage-30:.3;--percentage-35:.35;--percentage-40:.4;--percentage-45:.45;--percentage-50:.5;--percentage-55:.55;--percentage-60:.6;--percentage-65:.65;--percentage-70:.7;--percentage-75:.75;--percentage-80:.8;--percentage-85:.85;--percentage-90:.9;--percentage-95:.95;--percentage-100:1;--percentage-translate-full:1;--animate-in:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease);--animate-out:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease);@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}--animate-accordion-down:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-accordion-up:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-collapsible-down:collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;--animate-collapsible-up:collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out;@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,auto)))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,auto)))}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,auto)))}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,auto)))}to{height:0}}--animate-caret-blink:caret-blink 1.25s ease-out infinite;@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}}@utility animation-duration-*{--tw-animation-duration:calc(--value(number)*1ms);--tw-animation-duration:--value(--animation-duration-*,[duration],"initial",[*]);animation-duration:calc(--value(number)*1ms);animation-duration:--value(--animation-duration-*,[duration],"initial",[*])}@utility delay-*{animation-delay:calc(--value(number)*1ms);animation-delay:--value(--animation-delay-*,[duration],"initial",[*])}@utility repeat-*{animation-iteration-count:--value(--animation-repeat-*,number,"initial",[*])}@utility direction-*{animation-direction:--value(--animation-direction-*,"initial",[*])}@utility fill-mode-*{animation-fill-mode:--value(--animation-fill-mode-*,"initial",[*])}@utility running{animation-play-state:running}@utility paused{animation-play-state:paused}@utility play-state-*{animation-play-state:--value("initial",[*])}@utility fade-in{--tw-enter-opacity:0}@utility fade-in-*{--tw-enter-opacity:calc(--value(number)/100);--tw-enter-opacity:--value(--percentage-*,[*])}@utility fade-out{--tw-exit-opacity:0}@utility fade-out-*{--tw-exit-opacity:calc(--value(number)/100);--tw-exit-opacity:--value(--percentage-*,[*])}@utility zoom-in{--tw-enter-scale:0}@utility zoom-in-*{--tw-enter-scale:calc(--value(number)*1%);--tw-enter-scale:calc(--value(ratio));--tw-enter-scale:--value(--percentage-*,[*])}@utility -zoom-in-*{--tw-enter-scale:calc(--value(number)*-1%);--tw-enter-scale:calc(--value(ratio)*-1);--tw-enter-scale:--value(--percentage-*,[*])}@utility zoom-out{--tw-exit-scale:0}@utility zoom-out-*{--tw-exit-scale:calc(--value(number)*1%);--tw-exit-scale:calc(--value(ratio));--tw-exit-scale:--value(--percentage-*,[*])}@utility -zoom-out-*{--tw-exit-scale:calc(--value(number)*-1%);--tw-exit-scale:calc(--value(ratio)*-1);--tw-exit-scale:--value(--percentage-*,[*])}@utility spin-in{--tw-enter-rotate:30deg}@utility spin-in-*{--tw-enter-rotate:calc(--value(number)*1deg);--tw-enter-rotate:calc(--value(ratio)*360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility -spin-in{--tw-enter-rotate:-30deg}@utility -spin-in-*{--tw-enter-rotate:calc(--value(number)*-1deg);--tw-enter-rotate:calc(--value(ratio)*-360deg);--tw-enter-rotate:--value(--rotate-*,[*])}@utility spin-out{--tw-exit-rotate:30deg}@utility spin-out-*{--tw-exit-rotate:calc(--value(number)*1deg);--tw-exit-rotate:calc(--value(ratio)*360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility -spin-out{--tw-exit-rotate:-30deg}@utility -spin-out-*{--tw-exit-rotate:calc(--value(number)*-1deg);--tw-exit-rotate:calc(--value(ratio)*-360deg);--tw-exit-rotate:--value(--rotate-*,[*])}@utility slide-in-from-top{--tw-enter-translate-y:-100%}@utility slide-in-from-top-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-y:calc(--value(ratio)*-100%);--tw-enter-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-bottom{--tw-enter-translate-y:100%}@utility slide-in-from-bottom-*{--tw-enter-translate-y:calc(--value(integer)*var(--spacing));--tw-enter-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-y:calc(--value(ratio)*100%);--tw-enter-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-in-from-left{--tw-enter-translate-x:-100%}@utility slide-in-from-left-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-in-from-right{--tw-enter-translate-x:100%}@utility slide-in-from-right-*{--tw-enter-translate-x:calc(--value(integer)*var(--spacing));--tw-enter-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-enter-translate-x:calc(--value(ratio)*100%);--tw-enter-translate-x:--value(--translate-*,[percentage],[length])}@utility slide-out-to-top{--tw-exit-translate-y:-100%}@utility slide-out-to-top-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-bottom{--tw-exit-translate-y:100%}@utility slide-out-to-bottom-*{--tw-exit-translate-y:calc(--value(integer)*var(--spacing));--tw-exit-translate-y:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-y:calc(--value(ratio)*100%);--tw-exit-translate-y:--value(--translate-*,[percentage],[length])}@utility slide-out-to-left{--tw-exit-translate-x:-100%}@utility slide-out-to-left-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing)*-1);--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*-100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:calc(--value(--translate-*,[percentage],[length])*-1)}@utility slide-out-to-right{--tw-exit-translate-x:100%}@utility slide-out-to-right-*{--tw-exit-translate-x:calc(--value(integer)*var(--spacing));--tw-exit-translate-x:calc(--value(--percentage-*,--percentage-translate-*)*100%);--tw-exit-translate-x:calc(--value(ratio)*100%);--tw-exit-translate-x:--value(--translate-*,[percentage],[length])}