*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:475px){.\!container{max-width:475px!important}.container{max-width:475px}}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[calc\(100\%\+10px\)\]{top:calc(100% + 10px)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-3{grid-column:span 3/span 3}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-40{height:10rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-full{height:100%}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[80vh\]{max-height:80vh}.min-h-\[200px\]{min-height:200px}.min-h-\[50px\]{min-height:50px}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-14{width:3.5rem}.w-40{width:10rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[75px\]{width:75px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[120px\]{max-width:120px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-20{--tw-translate-y:5rem}.-rotate-0,.translate-y-20{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-0{--tw-rotate:-0deg}.-rotate-1{--tw-rotate:-1deg}.-rotate-1,.-rotate-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-12{--tw-rotate:-12deg}.-rotate-180{--tw-rotate:-180deg}.-rotate-180,.-rotate-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-2{--tw-rotate:-2deg}.-rotate-3{--tw-rotate:-3deg}.-rotate-3,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg}.-rotate-6{--tw-rotate:-6deg}.-rotate-6,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-1{--tw-rotate:1deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-2{--tw-rotate:2deg}.rotate-2,.rotate-3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-3{--tw-rotate:3deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-6{--tw-rotate:6deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin 3s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.scroll-mt-32{scroll-margin-top:8rem}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-pink-200{--tw-border-opacity:1;border-color:rgb(251 207 232/var(--tw-border-opacity,1))}.border-pink-300{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1))}.border-pink-400{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-300{--tw-border-opacity:1;border-color:rgb(216 180 254/var(--tw-border-opacity,1))}.border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.bg-\[\#FFDD00\]{--tw-bg-opacity:1;background-color:rgb(255 221 0/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-100{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,252,231,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgba(74,222,128,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,114,182,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from:#fefce8 var(--tw-gradient-from-position);--tw-gradient-to:hsla(55,92%,95%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.to-yellow-50{--tw-gradient-to:#fefce8 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pl-4{padding-left:1rem}.pr-12{padding-right:3rem}.pt-28{padding-top:7rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-fredoka{font-family:Fredoka One,cursive}.font-knewave{font-family:Knewave,cursive}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-coffee{--tw-text-opacity:1;color:rgb(139 69 19/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-lg,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.-hue-rotate-0{--tw-hue-rotate:hue-rotate(-0deg)}.-hue-rotate-0,.-hue-rotate-15{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.-hue-rotate-15{--tw-hue-rotate:hue-rotate(-15deg)}.-hue-rotate-180{--tw-hue-rotate:hue-rotate(-180deg)}.-hue-rotate-180,.-hue-rotate-30{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.-hue-rotate-30{--tw-hue-rotate:hue-rotate(-30deg)}.-hue-rotate-60{--tw-hue-rotate:hue-rotate(-60deg)}.-hue-rotate-60,.-hue-rotate-90{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.-hue-rotate-90{--tw-hue-rotate:hue-rotate(-90deg)}.hue-rotate-0{--tw-hue-rotate:hue-rotate(0deg)}.hue-rotate-0,.hue-rotate-15{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hue-rotate-15{--tw-hue-rotate:hue-rotate(15deg)}.hue-rotate-180{--tw-hue-rotate:hue-rotate(180deg)}.hue-rotate-180,.hue-rotate-30{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hue-rotate-30{--tw-hue-rotate:hue-rotate(30deg)}.hue-rotate-60{--tw-hue-rotate:hue-rotate(60deg)}.hue-rotate-60,.hue-rotate-90{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hue-rotate-90{--tw-hue-rotate:hue-rotate(90deg)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.-backdrop-hue-rotate-0,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.-backdrop-hue-rotate-0{--tw-backdrop-hue-rotate:hue-rotate(-0deg)}.-backdrop-hue-rotate-15{--tw-backdrop-hue-rotate:hue-rotate(-15deg)}.-backdrop-hue-rotate-15,.-backdrop-hue-rotate-180{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.-backdrop-hue-rotate-180{--tw-backdrop-hue-rotate:hue-rotate(-180deg)}.-backdrop-hue-rotate-30{--tw-backdrop-hue-rotate:hue-rotate(-30deg)}.-backdrop-hue-rotate-30,.-backdrop-hue-rotate-60{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.-backdrop-hue-rotate-60{--tw-backdrop-hue-rotate:hue-rotate(-60deg)}.-backdrop-hue-rotate-90{--tw-backdrop-hue-rotate:hue-rotate(-90deg)}.-backdrop-hue-rotate-90,.backdrop-hue-rotate-0{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-hue-rotate-0{--tw-backdrop-hue-rotate:hue-rotate(0deg)}.backdrop-hue-rotate-15{--tw-backdrop-hue-rotate:hue-rotate(15deg)}.backdrop-hue-rotate-15,.backdrop-hue-rotate-180{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-hue-rotate-180{--tw-backdrop-hue-rotate:hue-rotate(180deg)}.backdrop-hue-rotate-30{--tw-backdrop-hue-rotate:hue-rotate(30deg)}.backdrop-hue-rotate-30,.backdrop-hue-rotate-60{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-hue-rotate-60{--tw-backdrop-hue-rotate:hue-rotate(60deg)}.backdrop-hue-rotate-90{--tw-backdrop-hue-rotate:hue-rotate(90deg);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.marker\:text-purple-500 ::marker{color:#a855f7}.marker\:text-purple-500::marker{color:#a855f7}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-6:after{content:var(--tw-content);height:1.5rem}.after\:w-6:after{content:var(--tw-content);width:1.5rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-rotate-0:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-rotate-0:hover{--tw-rotate:-0deg}.hover\:-rotate-1:hover{--tw-rotate:-1deg}.hover\:-rotate-12:hover,.hover\:-rotate-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-rotate-12:hover{--tw-rotate:-12deg}.hover\:-rotate-180:hover{--tw-rotate:-180deg}.hover\:-rotate-180:hover,.hover\:-rotate-2:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-rotate-2:hover{--tw-rotate:-2deg}.hover\:-rotate-3:hover{--tw-rotate:-3deg}.hover\:-rotate-3:hover,.hover\:-rotate-45:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-rotate-45:hover{--tw-rotate:-45deg}.hover\:-rotate-6:hover{--tw-rotate:-6deg}.hover\:-rotate-6:hover,.hover\:-rotate-90:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-rotate-90:hover{--tw-rotate:-90deg}.hover\:rotate-0:hover{--tw-rotate:0deg}.hover\:rotate-0:hover,.hover\:rotate-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-1:hover{--tw-rotate:1deg}.hover\:rotate-12:hover{--tw-rotate:12deg}.hover\:rotate-12:hover,.hover\:rotate-180:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-180:hover{--tw-rotate:180deg}.hover\:rotate-2:hover{--tw-rotate:2deg}.hover\:rotate-2:hover,.hover\:rotate-3:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-3:hover{--tw-rotate:3deg}.hover\:rotate-45:hover{--tw-rotate:45deg}.hover\:rotate-45:hover,.hover\:rotate-6:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-6:hover{--tw-rotate:6deg}.hover\:rotate-90:hover{--tw-rotate:90deg}.hover\:rotate-90:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-125:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-pink-200:hover{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity,1))}.hover\:bg-pink-600:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-pink-600:hover{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.hover\:to-purple-600:hover{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.hover\:text-green-800:hover{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.hover\:text-pink-500:hover{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.hover\:text-pink-600:hover{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.hover\:text-pink-700:hover{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:-hue-rotate-0:hover{--tw-hue-rotate:hue-rotate(-0deg)}.hover\:-hue-rotate-0:hover,.hover\:-hue-rotate-15:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:-hue-rotate-15:hover{--tw-hue-rotate:hue-rotate(-15deg)}.hover\:-hue-rotate-180:hover{--tw-hue-rotate:hue-rotate(-180deg)}.hover\:-hue-rotate-180:hover,.hover\:-hue-rotate-30:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:-hue-rotate-30:hover{--tw-hue-rotate:hue-rotate(-30deg)}.hover\:-hue-rotate-60:hover{--tw-hue-rotate:hue-rotate(-60deg)}.hover\:-hue-rotate-60:hover,.hover\:-hue-rotate-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:-hue-rotate-90:hover{--tw-hue-rotate:hue-rotate(-90deg)}.hover\:hue-rotate-0:hover{--tw-hue-rotate:hue-rotate(0deg)}.hover\:hue-rotate-0:hover,.hover\:hue-rotate-15:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:hue-rotate-15:hover{--tw-hue-rotate:hue-rotate(15deg)}.hover\:hue-rotate-180:hover{--tw-hue-rotate:hue-rotate(180deg)}.hover\:hue-rotate-180:hover,.hover\:hue-rotate-30:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:hue-rotate-30:hover{--tw-hue-rotate:hue-rotate(30deg)}.hover\:hue-rotate-60:hover{--tw-hue-rotate:hue-rotate(60deg)}.hover\:hue-rotate-60:hover,.hover\:hue-rotate-90:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:hue-rotate-90:hover{--tw-hue-rotate:hue-rotate(90deg)}.hover\:-backdrop-hue-rotate-0:hover{--tw-backdrop-hue-rotate:hue-rotate(-0deg)}.hover\:-backdrop-hue-rotate-0:hover,.hover\:-backdrop-hue-rotate-15:hover{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:-backdrop-hue-rotate-15:hover{--tw-backdrop-hue-rotate:hue-rotate(-15deg)}.hover\:-backdrop-hue-rotate-180:hover{--tw-backdrop-hue-rotate:hue-rotate(-180deg)}.hover\:-backdrop-hue-rotate-180:hover,.hover\:-backdrop-hue-rotate-30:hover{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:-backdrop-hue-rotate-30:hover{--tw-backdrop-hue-rotate:hue-rotate(-30deg)}.hover\:-backdrop-hue-rotate-60:hover{--tw-backdrop-hue-rotate:hue-rotate(-60deg)}.hover\:-backdrop-hue-rotate-60:hover,.hover\:-backdrop-hue-rotate-90:hover{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:-backdrop-hue-rotate-90:hover{--tw-backdrop-hue-rotate:hue-rotate(-90deg)}.hover\:backdrop-hue-rotate-0:hover{--tw-backdrop-hue-rotate:hue-rotate(0deg)}.hover\:backdrop-hue-rotate-0:hover,.hover\:backdrop-hue-rotate-15:hover{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:backdrop-hue-rotate-15:hover{--tw-backdrop-hue-rotate:hue-rotate(15deg)}.hover\:backdrop-hue-rotate-180:hover{--tw-backdrop-hue-rotate:hue-rotate(180deg)}.hover\:backdrop-hue-rotate-180:hover,.hover\:backdrop-hue-rotate-30:hover{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:backdrop-hue-rotate-30:hover{--tw-backdrop-hue-rotate:hue-rotate(30deg)}.hover\:backdrop-hue-rotate-60:hover{--tw-backdrop-hue-rotate:hue-rotate(60deg)}.hover\:backdrop-hue-rotate-60:hover,.hover\:backdrop-hue-rotate-90:hover{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:backdrop-hue-rotate-90:hover{--tw-backdrop-hue-rotate:hue-rotate(90deg)}.focus\:-rotate-0:focus{--tw-rotate:-0deg}.focus\:-rotate-0:focus,.focus\:-rotate-1:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:-rotate-1:focus{--tw-rotate:-1deg}.focus\:-rotate-12:focus{--tw-rotate:-12deg}.focus\:-rotate-12:focus,.focus\:-rotate-180:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:-rotate-180:focus{--tw-rotate:-180deg}.focus\:-rotate-2:focus{--tw-rotate:-2deg}.focus\:-rotate-2:focus,.focus\:-rotate-3:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:-rotate-3:focus{--tw-rotate:-3deg}.focus\:-rotate-45:focus{--tw-rotate:-45deg}.focus\:-rotate-45:focus,.focus\:-rotate-6:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:-rotate-6:focus{--tw-rotate:-6deg}.focus\:-rotate-90:focus{--tw-rotate:-90deg}.focus\:-rotate-90:focus,.focus\:rotate-0:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:rotate-0:focus{--tw-rotate:0deg}.focus\:rotate-1:focus{--tw-rotate:1deg}.focus\:rotate-12:focus,.focus\:rotate-1:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:rotate-12:focus{--tw-rotate:12deg}.focus\:rotate-180:focus{--tw-rotate:180deg}.focus\:rotate-180:focus,.focus\:rotate-2:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:rotate-2:focus{--tw-rotate:2deg}.focus\:rotate-3:focus{--tw-rotate:3deg}.focus\:rotate-3:focus,.focus\:rotate-45:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:rotate-45:focus{--tw-rotate:45deg}.focus\:rotate-6:focus{--tw-rotate:6deg}.focus\:rotate-6:focus,.focus\:rotate-90:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:rotate-90:focus{--tw-rotate:90deg}.focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:border-yellow-500:focus{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.focus\:ring-green-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(187 247 208/var(--tw-ring-opacity,1))}.focus\:ring-purple-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(233 213 255/var(--tw-ring-opacity,1))}.focus\:-hue-rotate-0:focus{--tw-hue-rotate:hue-rotate(-0deg)}.focus\:-hue-rotate-0:focus,.focus\:-hue-rotate-15:focus{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:-hue-rotate-15:focus{--tw-hue-rotate:hue-rotate(-15deg)}.focus\:-hue-rotate-180:focus{--tw-hue-rotate:hue-rotate(-180deg)}.focus\:-hue-rotate-180:focus,.focus\:-hue-rotate-30:focus{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:-hue-rotate-30:focus{--tw-hue-rotate:hue-rotate(-30deg)}.focus\:-hue-rotate-60:focus{--tw-hue-rotate:hue-rotate(-60deg)}.focus\:-hue-rotate-60:focus,.focus\:-hue-rotate-90:focus{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:-hue-rotate-90:focus{--tw-hue-rotate:hue-rotate(-90deg)}.focus\:hue-rotate-0:focus{--tw-hue-rotate:hue-rotate(0deg)}.focus\:hue-rotate-0:focus,.focus\:hue-rotate-15:focus{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:hue-rotate-15:focus{--tw-hue-rotate:hue-rotate(15deg)}.focus\:hue-rotate-180:focus{--tw-hue-rotate:hue-rotate(180deg)}.focus\:hue-rotate-180:focus,.focus\:hue-rotate-30:focus{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:hue-rotate-30:focus{--tw-hue-rotate:hue-rotate(30deg)}.focus\:hue-rotate-60:focus{--tw-hue-rotate:hue-rotate(60deg)}.focus\:hue-rotate-60:focus,.focus\:hue-rotate-90:focus{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:hue-rotate-90:focus{--tw-hue-rotate:hue-rotate(90deg)}.focus\:-backdrop-hue-rotate-0:focus{--tw-backdrop-hue-rotate:hue-rotate(-0deg)}.focus\:-backdrop-hue-rotate-0:focus,.focus\:-backdrop-hue-rotate-15:focus{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:-backdrop-hue-rotate-15:focus{--tw-backdrop-hue-rotate:hue-rotate(-15deg)}.focus\:-backdrop-hue-rotate-180:focus{--tw-backdrop-hue-rotate:hue-rotate(-180deg)}.focus\:-backdrop-hue-rotate-180:focus,.focus\:-backdrop-hue-rotate-30:focus{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:-backdrop-hue-rotate-30:focus{--tw-backdrop-hue-rotate:hue-rotate(-30deg)}.focus\:-backdrop-hue-rotate-60:focus{--tw-backdrop-hue-rotate:hue-rotate(-60deg)}.focus\:-backdrop-hue-rotate-60:focus,.focus\:-backdrop-hue-rotate-90:focus{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:-backdrop-hue-rotate-90:focus{--tw-backdrop-hue-rotate:hue-rotate(-90deg)}.focus\:backdrop-hue-rotate-0:focus{--tw-backdrop-hue-rotate:hue-rotate(0deg)}.focus\:backdrop-hue-rotate-0:focus,.focus\:backdrop-hue-rotate-15:focus{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:backdrop-hue-rotate-15:focus{--tw-backdrop-hue-rotate:hue-rotate(15deg)}.focus\:backdrop-hue-rotate-180:focus{--tw-backdrop-hue-rotate:hue-rotate(180deg)}.focus\:backdrop-hue-rotate-180:focus,.focus\:backdrop-hue-rotate-30:focus{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:backdrop-hue-rotate-30:focus{--tw-backdrop-hue-rotate:hue-rotate(30deg)}.focus\:backdrop-hue-rotate-60:focus{--tw-backdrop-hue-rotate:hue-rotate(60deg)}.focus\:backdrop-hue-rotate-60:focus,.focus\:backdrop-hue-rotate-90:focus{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:backdrop-hue-rotate-90:focus{--tw-backdrop-hue-rotate:hue-rotate(90deg)}.active\:-rotate-0:active{--tw-rotate:-0deg}.active\:-rotate-0:active,.active\:-rotate-1:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:-rotate-1:active{--tw-rotate:-1deg}.active\:-rotate-12:active{--tw-rotate:-12deg}.active\:-rotate-12:active,.active\:-rotate-180:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:-rotate-180:active{--tw-rotate:-180deg}.active\:-rotate-2:active{--tw-rotate:-2deg}.active\:-rotate-2:active,.active\:-rotate-3:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:-rotate-3:active{--tw-rotate:-3deg}.active\:-rotate-45:active{--tw-rotate:-45deg}.active\:-rotate-45:active,.active\:-rotate-6:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:-rotate-6:active{--tw-rotate:-6deg}.active\:-rotate-90:active{--tw-rotate:-90deg}.active\:-rotate-90:active,.active\:rotate-0:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:rotate-0:active{--tw-rotate:0deg}.active\:rotate-1:active{--tw-rotate:1deg}.active\:rotate-12:active,.active\:rotate-1:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:rotate-12:active{--tw-rotate:12deg}.active\:rotate-180:active{--tw-rotate:180deg}.active\:rotate-180:active,.active\:rotate-2:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:rotate-2:active{--tw-rotate:2deg}.active\:rotate-3:active{--tw-rotate:3deg}.active\:rotate-3:active,.active\:rotate-45:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:rotate-45:active{--tw-rotate:45deg}.active\:rotate-6:active{--tw-rotate:6deg}.active\:rotate-6:active,.active\:rotate-90:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:rotate-90:active{--tw-rotate:90deg}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:-hue-rotate-0:active{--tw-hue-rotate:hue-rotate(-0deg)}.active\:-hue-rotate-0:active,.active\:-hue-rotate-15:active{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:-hue-rotate-15:active{--tw-hue-rotate:hue-rotate(-15deg)}.active\:-hue-rotate-180:active{--tw-hue-rotate:hue-rotate(-180deg)}.active\:-hue-rotate-180:active,.active\:-hue-rotate-30:active{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:-hue-rotate-30:active{--tw-hue-rotate:hue-rotate(-30deg)}.active\:-hue-rotate-60:active{--tw-hue-rotate:hue-rotate(-60deg)}.active\:-hue-rotate-60:active,.active\:-hue-rotate-90:active{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:-hue-rotate-90:active{--tw-hue-rotate:hue-rotate(-90deg)}.active\:hue-rotate-0:active{--tw-hue-rotate:hue-rotate(0deg)}.active\:hue-rotate-0:active,.active\:hue-rotate-15:active{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:hue-rotate-15:active{--tw-hue-rotate:hue-rotate(15deg)}.active\:hue-rotate-180:active{--tw-hue-rotate:hue-rotate(180deg)}.active\:hue-rotate-180:active,.active\:hue-rotate-30:active{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:hue-rotate-30:active{--tw-hue-rotate:hue-rotate(30deg)}.active\:hue-rotate-60:active{--tw-hue-rotate:hue-rotate(60deg)}.active\:hue-rotate-60:active,.active\:hue-rotate-90:active{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.active\:hue-rotate-90:active{--tw-hue-rotate:hue-rotate(90deg)}.active\:-backdrop-hue-rotate-0:active{--tw-backdrop-hue-rotate:hue-rotate(-0deg)}.active\:-backdrop-hue-rotate-0:active,.active\:-backdrop-hue-rotate-15:active{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.active\:-backdrop-hue-rotate-15:active{--tw-backdrop-hue-rotate:hue-rotate(-15deg)}.active\:-backdrop-hue-rotate-180:active{--tw-backdrop-hue-rotate:hue-rotate(-180deg)}.active\:-backdrop-hue-rotate-180:active,.active\:-backdrop-hue-rotate-30:active{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.active\:-backdrop-hue-rotate-30:active{--tw-backdrop-hue-rotate:hue-rotate(-30deg)}.active\:-backdrop-hue-rotate-60:active{--tw-backdrop-hue-rotate:hue-rotate(-60deg)}.active\:-backdrop-hue-rotate-60:active,.active\:-backdrop-hue-rotate-90:active{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.active\:-backdrop-hue-rotate-90:active{--tw-backdrop-hue-rotate:hue-rotate(-90deg)}.active\:backdrop-hue-rotate-0:active{--tw-backdrop-hue-rotate:hue-rotate(0deg)}.active\:backdrop-hue-rotate-0:active,.active\:backdrop-hue-rotate-15:active{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.active\:backdrop-hue-rotate-15:active{--tw-backdrop-hue-rotate:hue-rotate(15deg)}.active\:backdrop-hue-rotate-180:active{--tw-backdrop-hue-rotate:hue-rotate(180deg)}.active\:backdrop-hue-rotate-180:active,.active\:backdrop-hue-rotate-30:active{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.active\:backdrop-hue-rotate-30:active{--tw-backdrop-hue-rotate:hue-rotate(30deg)}.active\:backdrop-hue-rotate-60:active{--tw-backdrop-hue-rotate:hue-rotate(60deg)}.active\:backdrop-hue-rotate-60:active,.active\:backdrop-hue-rotate-90:active{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.active\:backdrop-hue-rotate-90:active{--tw-backdrop-hue-rotate:hue-rotate(90deg)}.group:hover .group-hover\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}@media (min-width:768px){.md\:inline{display:inline}.md\:flex{display:flex}.md\:w-1\/3{width:33.333333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-nowrap{flex-wrap:nowrap}.md\:gap-4{gap:1rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:pt-32{padding-top:8rem}.md\:text-left{text-align:left}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-\[\#8B4513\]{--tw-border-opacity:1;border-color:rgb(139 69 19/var(--tw-border-opacity,1))}.dark\:border-blue-700{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity,1))}.dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:bg-\[\#0a0e27\]{--tw-bg-opacity:1;background-color:rgb(10 14 39/var(--tw-bg-opacity,1))}.dark\:bg-\[\#1a1f2e\]{--tw-bg-opacity:1;background-color:rgb(26 31 46/var(--tw-bg-opacity,1))}.dark\:bg-blue-900\/30{background-color:rgba(30,58,138,.3)}.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:from-\[\#0a0e27\]{--tw-gradient-from:#0a0e27 var(--tw-gradient-from-position);--tw-gradient-to:rgba(10,14,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-\[\#2a1c0a\]{--tw-gradient-from:#2a1c0a var(--tw-gradient-from-position);--tw-gradient-to:rgba(42,28,10,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-\[\#1a1005\]{--tw-gradient-to:#1a1005 var(--tw-gradient-to-position)}.dark\:to-\[\#1a1f2e\]{--tw-gradient-to:#1a1f2e var(--tw-gradient-to-position)}.dark\:text-\[\#D2691E\]{--tw-text-opacity:1;color:rgb(210 105 30/var(--tw-text-opacity,1))}.dark\:text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}
:root { --pastel-pink: #f9d8d6; --pastel-blue: #b4d8e7; --pastel-green: #d1e7c5; --pastel-yellow: #f8e5b4; --pastel-purple: #d1b8e8; --pastel-orange: #f8c1a2; --pastel-red: #ff6961; --dark-gray: #4a4a4a; --bg-primary: linear-gradient(135deg, #b4d8e7 0%, #d1e7c5 50%, #f9d8d6 100%); --bg-secondary: rgba(255, 255, 255, 0.35); --bg-card: linear-gradient( 160deg, rgba(229, 102, 217, 0.85) 0%, rgba(209, 184, 232, 0.75) 50%, rgba(180, 216, 231, 0.65) 100% ); --bg-modal: rgba(255, 255, 255, 0.95); --bg-input: #ffffff; --bg-item-list: #f3f4f6; --text-primary: #2d3748; --text-secondary: #4a5568; --text-title: #1a202c; --text-on-light: #1a202c; --text-on-dark: #f7fafc; --border-color: #2d3748; --border-input: #cbd5e0; --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06); --shadow-md: 0 6px 12px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08); --shadow-lg: 0 15px 30px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.1); --shadow-xl: 0 25px 50px rgba(0, 0, 0, 0.2), 0 15px 25px rgba(0, 0, 0, 0.12); --shadow-sketchy: 5px 5px 0 var(--border-color); --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.1); --shadow-inset-strong: inset 0 4px 8px rgba(0, 0, 0, 0.15); --navbar-bg: rgba(255, 255, 255, 0.35); --navbar-border: rgba(255, 255, 255, 0.4); --button-primary: #3b82f6; --button-secondary: #d1d5db; --button-danger: #ef4444; --button-success: #10b981; --footer-bg: linear-gradient(135deg, #b4d8e7 0%, #d1e7c5 50%, #f9d8d6 100%); --footer-text: #2d3748; --footer-link: #3b82f6; --footer-link-hover: #2563eb; --radius-sm: 8px; --radius-md: 14px; --radius-lg: 18px; --radius-xl: 24px; --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1); --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1); --vh: 1vh;
}
@media (max-width: 768px) { :root { --vh: 1dvh; }
}
body.dark-mode { --pastel-pink: #ff0080; --pastel-blue: #00d4ff; --pastel-green: #00ff88; --pastel-yellow: #ffea00; --pastel-purple: #b800ff; --pastel-orange: #ff6b00; --pastel-red: #ff1744; --dark-gray: #00ffff; --bg-primary: linear-gradient(135deg, #0a0e27 0%, #16213e 50%, #1a1a2e 100%); --bg-secondary: rgba(20, 20, 40, 0.9); --bg-card: linear-gradient( 160deg, rgba(138, 43, 226, 0.45) 0%, rgba(75, 0, 130, 0.35) 50%, rgba(25, 25, 112, 0.3) 100% ); --bg-modal: rgba(22, 33, 62, 0.98); --bg-input: #0f1419; --bg-item-list: #1a1f2e; --text-primary: #e2e8f0; --text-secondary: #cbd5e0; --text-title: #ffffff; --text-on-light: #1a202c; --text-on-dark: #f7fafc; --border-color: #00ffff; --border-input: #2d3748; --shadow-sm: 0 0 8px rgba(0, 255, 255, 0.3); --shadow-md: 0 0 15px rgba(0, 255, 255, 0.4), 0 0 8px rgba(0, 212, 255, 0.3); --shadow-lg: 0 0 30px rgba(0, 255, 255, 0.5), 0 0 15px rgba(0, 212, 255, 0.4); --shadow-xl: 0 0 45px rgba(0, 255, 255, 0.6), 0 0 25px rgba(0, 212, 255, 0.5); --shadow-sketchy: 0 0 12px rgba(0, 255, 255, 0.6), 0 0 6px var(--border-color); --shadow-inset: inset 0 0 10px rgba(0, 255, 255, 0.2); --shadow-inset-strong: inset 0 0 20px rgba(0, 255, 255, 0.3); --navbar-bg: rgba(10, 14, 39, 0.95); --navbar-border: rgba(0, 255, 255, 0.4); --button-primary: #00d4ff; --button-secondary: #2d3748; --button-danger: #ff1744; --button-success: #00ff88; --footer-bg: linear-gradient(135deg, #b4d8e7 0%, #d1e7c5 50%, #f9d8d6 100%); --footer-text: #2d3748; --footer-link: #3b82f6; --footer-link-hover: #2563eb;
}
body.death-mode-active { --bg-primary: linear-gradient(135deg, #1a1a1a 0%, #2a0000 50%, #333333 100%); --bg-secondary: rgba(51, 51, 51, 0.9); --bg-card: linear-gradient(160deg, #222222 0%, #1a0000 50%, #2a2a2a 100%); --bg-modal: rgba(34, 34, 34, 0.98); --bg-input: #111111; --bg-item-list: #333333; --text-primary: #f5f5f5; --text-secondary: #cccccc; --text-title: #ff6666; --text-on-light: #1a202c; --text-on-dark: #f7fafc; --border-color: #666666; --border-input: #444444; --shadow-sm: 0 0 8px rgba(255, 0, 0, 0.4); --shadow-md: 0 0 15px rgba(255, 0, 0, 0.5), 0 0 8px rgba(255, 68, 68, 0.4); --shadow-lg: 0 0 30px rgba(255, 0, 0, 0.6), 0 0 15px rgba(255, 68, 68, 0.5); --shadow-xl: 0 0 45px rgba(255, 0, 0, 0.7), 0 0 25px rgba(255, 68, 68, 0.6); --shadow-sketchy: 0 0 12px rgba(255, 0, 0, 0.7); --shadow-inset: inset 0 0 10px rgba(255, 0, 0, 0.3); --shadow-inset-strong: inset 0 0 20px rgba(255, 0, 0, 0.4); --navbar-bg: rgba(26, 26, 26, 0.95); --navbar-border: rgba(255, 68, 68, 0.5); --button-primary: #ff6666; --button-danger: #ff4444; --button-success: #66ff66; --footer-bg: linear-gradient(135deg, #b4d8e7 0%, #d1e7c5 50%, #f9d8d6 100%); --footer-text: #2d3748; --footer-link: #3b82f6; --footer-link-hover: #2563eb;
}
body.death-mode-active .title,
body.death-mode-active h1.title { background: none !important; background-image: none !important; -webkit-text-fill-color: initial !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: #ff4444 !important; filter: none !important; text-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 0 0 30px rgba(139, 0, 0, 0.6) !important; animation: danger-pulse 2s ease-in-out infinite !important;
}
@keyframes danger-pulse { 0%, 100% { text-shadow: 0 0 25px rgba(255, 0, 0, 0.9), 0 0 50px rgba(255, 0, 0, 0.6); } 50% { text-shadow: 0 0 35px rgba(255, 0, 0, 1), 0 0 70px rgba(255, 0, 0, 0.8); }
}
body.circus-mode { --pastel-pink: #ff85a2; --pastel-red: #b71c1c; --pastel-yellow: #ffd700; --bg-primary: #fffdf0; --bg-secondary: rgba(255, 253, 240, 0.9); --bg-card: #ffffff; --bg-modal: #fffdf0; --bg-input: #ffffff; --bg-item-list: #ffe4e1; --text-primary: #800000; --text-secondary: #b71c1c; --text-title: #d32f2f; --text-on-light: #5c4033; --text-on-dark: #fffdf0; --border-color: #b71c1c; --border-input: #ff85a2; --shadow-sm: 2px 2px 0 rgba(183, 28, 28, 0.2); --shadow-md: 4px 4px 0 rgba(183, 28, 28, 0.2); --shadow-lg: 6px 6px 0 rgba(183, 28, 28, 0.2); --shadow-xl: 10px 10px 0 rgba(183, 28, 28, 0.2); --shadow-sketchy: 4px 4px 0 #b71c1c; --navbar-bg: rgba(255, 253, 240, 0.95); --navbar-border: #ff85a2; --button-primary: #d32f2f; --button-secondary: #ff85a2; --button-danger: #b71c1c; --button-success: #2e7d32; --footer-bg: repeating-linear-gradient(45deg, #b71c1c, #b71c1c 10px, #d32f2f 10px, #d32f2f 20px); --footer-text: #fffdf0; --footer-link: #ffd700; --footer-link-hover: #ffffff;
}
html,
body { min-height: 100vh; margin: 0; padding: 0; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y;
}
html { background: var(--bg-primary); background-attachment: fixed; background-size: cover; background-repeat: no-repeat;
}
body { background: var(--bg-primary); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; font-family: "Fredoka One", "Comic Sans MS", cursive, sans-serif; color: var(--text-primary); transition: background var(--transition-slow), color var(--transition-slow);
}
body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100dvh; background: var(--bg-primary); z-index: -1; pointer-events: none; transition: background var(--transition-slow);
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select { font-size: 16px !important;
}
.svg-defs-hidden { position: absolute; width: 0; height: 0; overflow: hidden;
}
@media (min-width: 768px) { .md\:flex { display: flex !important; }
}
.fullscreen { height: calc(var(--vh) * 100);
}
.title { font-family: "Knewave", cursive; background: linear-gradient(45deg, #ffd700 0%, #ff8c00 50%, #ff6347 100%); -webkit-background-clip: text; background-clip: text; color: transparent; animation: subtle-shift 8s ease-in-out infinite; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
@keyframes subtle-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; }
}
body.dark-mode .title,
body.dark-mode h1.title { background: linear-gradient( 45deg, #00ffff 0%, #ff00ff 33%, #00ff88 66%, #00d4ff 100% ) !important; background-size: 300% 300%; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; text-shadow: none !important; filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.8)) drop-shadow(0 0 15px rgba(0, 255, 255, 0.4)) !important; animation: neon-glow 3s ease-in-out infinite !important;
}
@keyframes neon-glow { 0%, 100% { filter: drop-shadow(0 0 5px rgba(0,255,255,0.8)) drop-shadow(0 0 15px rgba(0,255,255,0.4)); } 50% { filter: drop-shadow(0 0 10px rgba(0,255,255,1)) drop-shadow(0 0 25px rgba(0,255,255,0.6)); }
}
body.death-mode-active .title,
body.death-mode-active h1.title { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; color: #ff4444 !important; filter: none !important; text-shadow: 0 0 20px rgba(255, 0, 0, 0.9), 0 0 40px rgba(255, 0, 0, 0.6) !important; animation: danger-pulse 2s ease-in-out infinite !important;
}
@keyframes danger-pulse { 0%, 100% { text-shadow: 0 0 20px rgba(255, 0, 0, 0.9), 0 0 40px rgba(255, 0, 0, 0.6); } 50% { text-shadow: 0 0 30px rgba(255, 0, 0, 1), 0 0 60px rgba(255, 0, 0, 0.8); }
}
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4 { color: var(--text-title); text-shadow: 0 0 10px rgba(0, 255, 255, 0.3); }
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select { background: var(--bg-input); color: var(--text-on-light); border: 2px solid var(--border-input); border-radius: var(--radius-md); transition: all var(--transition-base); box-shadow: var(--shadow-md), var(--shadow-inset); font-weight: 600;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover { box-shadow: var(--shadow-lg), var(--shadow-inset); transform: translateY(-2px); border-color: var(--button-primary);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { outline: 3px solid var(--button-primary); outline-offset: 2px; box-shadow: var(--shadow-xl), var(--shadow-inset-strong); transform: translateY(-2px); border-color: var(--button-primary);
}
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode textarea,
body.dark-mode select { border: 2px solid var(--border-color); box-shadow: var(--shadow-md), var(--shadow-inset); background-color: rgba(15, 20, 25, 0.9); color: var(--text-on-dark);
}
body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus { box-shadow: var(--shadow-xl), var(--shadow-inset-strong); border-color: var(--button-primary); transform: translateY(-2px);
}
body.dark-mode ::placeholder { color: var(--text-secondary); opacity: 0.7;
}
body.dark-mode ::selection { background: rgba(0, 212, 255, 0.3); color: var(--text-title);
}
body.dark-mode .text-gray-600,
body.dark-mode .text-gray-700 { color: var(--text-secondary) !important;
}
body.dark-mode .text-gray-800,
body.dark-mode .text-gray-900 { color: var(--text-title) !important;
}
body.dark-mode a { color: var(--button-primary); text-decoration: none; transition: all var(--transition-fast);
}
body.dark-mode a:hover { color: #00ffff; text-decoration: underline; text-shadow: 0 0 10px rgba(0, 255, 255, 0.6);
}
label { color: var(--text-primary); transition: color var(--transition-base); font-weight: 600;
}
body.dark-mode label { color: var(--text-title);
}
@media (max-width: 480px) { .header-navbar { padding: 0.5rem; } .header-navbar h1 { font-size: 1.5rem; } .header-navbar .flex.items-center.gap-4 { gap: 0.5rem; } .header-navbar button { font-size: 0.75rem; padding: 0.5rem 0.75rem; }
}
@keyframes breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); }
}
@keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); }
}
@keyframes slide-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }
}
.modal { animation: fade-in 0.3s ease-out;
}
.text-home { font-family: "Inter", sans-serif; color: var(--text-primary);
}
.nav-link-blog { color: #f97316; font-weight: 700; transition: all 0.3s ease;
}
.nav-link-blog:hover { color: #ea580c; transform: translateX(2px);
}
body.dark-mode .nav-link-blog { color: #fb923c; }
body.dark-mode .nav-link-blog:hover { color: #fdba74; }
.nav-link-histoire { color: #16a34a; font-weight: 700; transition: all 0.3s ease;
}
.nav-link-histoire:hover { color: #15803d; transform: translateX(2px);
}
body.dark-mode .nav-link-histoire { color: #4ade80; }
body.dark-mode .nav-link-histoire:hover { color: #86efac; }
.nav-link-origine { color: #9333ea; font-weight: 700; transition: all 0.3s ease;
}
.nav-link-origine:hover { color: #7e22ce; transform: translateX(2px);
}
body.dark-mode .nav-link-origine { color: #c084fc; }
body.dark-mode .nav-link-origine:hover { color: #d8b4fe; }
@media (max-width: 768px) { .nav-link-blog, .nav-link-histoire, .nav-link-origine { display: block; width: 100%; text-align: center; padding: 0.75rem; border-radius: 0.75rem; transition: all 0.3s ease; } .nav-link-blog:hover, .nav-link-histoire:hover, .nav-link-origine:hover { transform: translateX(0) scale(1.02); background-color: rgba(0, 0, 0, 0.05); } body.dark-mode .nav-link-blog:hover, body.dark-mode .nav-link-histoire:hover, body.dark-mode .nav-link-origine:hover { background-color: rgba(255, 255, 255, 0.1); }
}
.nav-link-blog.active { background-color: #fed7aa; padding: 0.5rem 1rem; border-radius: 0.75rem;
}
.nav-link-histoire.active { background-color: #bbf7d0; padding: 0.5rem 1rem; border-radius: 0.75rem;
}
.nav-link-origine.active { background-color: #e9d5ff; padding: 0.5rem 1rem; border-radius: 0.75rem;
}
body.dark-mode .nav-link-blog.active { background-color: rgba(249, 115, 22, 0.2);
}
body.dark-mode .nav-link-histoire.active { background-color: rgba(22, 163, 74, 0.2);
}
body.dark-mode .nav-link-origine.active { background-color: rgba(147, 51, 234, 0.2);
}
.nav-link-blog,
a.nav-link-blog { color: #f97316 !important; font-weight: 700 !important;
}
.nav-link-blog:hover,
a.nav-link-blog:hover { color: #ea580c !important;
}
body.dark-mode .nav-link-blog,
body.dark-mode a.nav-link-blog { color: #fb923c !important;
}
body.dark-mode .nav-link-blog:hover,
body.dark-mode a.nav-link-blog:hover { color: #fdba74 !important;
}
.nav-link-histoire,
a.nav-link-histoire { color: #16a34a !important; font-weight: 700 !important;
}
.nav-link-histoire:hover,
a.nav-link-histoire:hover { color: #15803d !important;
}
body.dark-mode .nav-link-histoire,
body.dark-mode a.nav-link-histoire { color: #4ade80 !important;
}
body.dark-mode .nav-link-histoire:hover,
body.dark-mode a.nav-link-histoire:hover { color: #86efac !important;
}
.nav-link-origine,
a.nav-link-origine { color: #9333ea !important; font-weight: 700 !important;
}
.nav-link-origine:hover,
a.nav-link-origine:hover { color: #7e22ce !important;
}
body.dark-mode .nav-link-origine,
body.dark-mode a.nav-link-origine { color: #c084fc !important;
}
body.dark-mode .nav-link-origine:hover,
body.dark-mode a.nav-link-origine:hover { color: #d8b4fe !important;
}
body.death-mode-active .nav-link-blog { color: #ff6b35 !important;
}
body.death-mode-active .nav-link-histoire { color: #4ade80 !important;
}
body.death-mode-active .nav-link-origine { color: #a855f7 !important;
}
@keyframes fallIn { to { opacity: 1; transform: translateY(0) scale(1); }
}
#splash-title span { animation: fallIn 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}
#splash-title span:nth-child(1) { animation-delay: 0.15s;
}
#splash-title span:nth-child(2) { animation-delay: 0.3s;
}
#splash-title span:nth-child(3) { animation-delay: 0.45s;
}
#splash-title span:nth-child(4) { animation-delay: 0.6s;
}
#splash-title span:nth-child(5) { animation-delay: 0.75s;
}
#splash-title span:nth-child(6) { animation-delay: 0.9s;
}
#splash-title span:nth-child(7) { animation-delay: 1.05s;
}
#splash-title span:nth-child(8) { animation-delay: 1.2s;
}
#splash-title span:nth-child(9) { animation-delay: 1.35s;
}
#splash-title span:nth-child(10) { animation-delay: 1.5s;
}
#splash-title span:nth-child(11) { animation-delay: 1.65s;
}
@keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); }
}
#wheelCanvas.eliminating { animation: shake 0.5s ease-in-out;
}
@keyframes jiggle { 0%, 100% { transform: translateX(-50%) translateY(0) rotate(0); } 50% { transform: translateX(-50%) translateY(10px) rotate(5deg); }
}
.pointer.jiggle { animation: jiggle 0.2s ease-out;
}
@keyframes confetti-fall { 0% { transform: translateY(0) rotate(0deg); opacity: 1; } 100% { transform: translateY(100vh) rotate(720deg); opacity: 0.8; }
}
.confetti { animation: confetti-fall 3s ease-out forwards;
}
@keyframes skullFade { from { opacity: 0; transform: translateY(-50%) scale(0); } to { opacity: 1; transform: translateY(-50%) scale(1); }
}
.eliminated-item::after { animation: skullFade 0.5s ease-in;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }
}
.modal-overlay { animation: fadeIn 0.3s ease-out;
}
@keyframes slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; }
}
.modal { animation: slideUp 0.4s ease-out;
}
@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); }
}
.death-modal h2 { animation: pulse 1s ease-in-out infinite;
}
@keyframes flameFlicker { from { transform: scale(1) translateY(0); opacity: 1; } to { transform: scale(1.1) translateY(-5px); opacity: 0.8; }
}
.flames-container { animation: flameFlicker 0.5s ease-in-out infinite alternate;
}
@keyframes trophyBounce { 0%, 100% { transform: translateY(0) rotate(-5deg); } 50% { transform: translateY(-20px) rotate(5deg); }
}
.trophy-animation { animation: trophyBounce 1s ease-in-out infinite;
}
@keyframes slideInDown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; }
}
.notification { animation: slideInDown 0.3s ease-out;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
.loading-spinner { animation: spin 1s linear infinite;
}
@keyframes pop { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; }
}
.select-options { animation: pop 0.2s ease-out;
}
@keyframes flash-bang { 0% { opacity: 0; } 10% { opacity: 0.9; } 100% { opacity: 0; }
}
.flash-active { animation: flash-bang 0.6s ease-out forwards;
}
#main-app { min-height: 100dvh; width: 100%; overflow-x: hidden;
}
.container { max-width: 1000px; margin: auto; padding-bottom: 4rem; animation: fade-in 0.5s ease-out;
}
.app-layout { display: flex; flex-direction: column; gap: 3rem; align-items: center;
}
@media (min-width: 1024px) { .app-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; max-width: 1200px; width: 100%; margin: 0 auto; }
}
body:not(.dark-mode):not(.death-mode-active):not(.circus-mode) { color: #111827 !important;
}
body:not(.dark-mode):not(.death-mode-active):not(.circus-mode) input,
body:not(.dark-mode):not(.death-mode-active):not(.circus-mode) textarea,
body:not(.dark-mode):not(.death-mode-active):not(.circus-mode) select { color: #000000 !important; font-weight: 500;
}
body:not(.dark-mode):not(.death-mode-active):not(.circus-mode) ::placeholder { color: #6b7280 !important; opacity: 1;
}
.btn { padding: 0.875rem 1.75rem; border-radius: var(--radius-md); font-weight: 700; cursor: pointer; transition: all 0.2s; box-shadow: var(--shadow-md); border: 2px solid rgba(0, 0, 0, 0.1); font-family: "Fredoka One", sans-serif;
}
.btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg);
}
.btn:active { transform: translateY(0); box-shadow: var(--shadow-sm);
}
.btn-primary { background: var(--button-primary); color: white; border-color: #2563eb;
}
.btn-primary:hover { background: #2563eb;
}
.btn-success { background: var(--button-success); color: white; border-color: #059669;
}
.btn-success:hover { background: #059669;
}
.btn-danger { background: var(--button-danger); color: white; border-color: #dc2626;
}
.btn-danger:hover { background: #dc2626;
}
#spinButton { border-radius: 50px !important; text-transform: uppercase; font-family: "Knewave", cursive; letter-spacing: 2px; padding: 1rem 3rem !important; position: relative; background: radial-gradient(circle at 30% 30%, #ff5c5c, #b71c1c) !important; border: 3px solid #800000 !important; box-shadow: 0 6px 0 #800000, 0 10px 20px rgba(0, 0, 0, 0.3) !important; color: white !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important; transition: all 0.1s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
#spinButton:hover { transform: translateY(-2px) scale(1.02) !important; background: radial-gradient(circle at 30% 30%, #ff7d7d, #d32f2f) !important;
}
#spinButton:active { transform: translateY(6px) scale(0.98) !important; box-shadow: 0 0 0 #800000 !important;
}
.sketchy-border { border: 3px solid var(--border-color); border-radius: var(--radius-md); padding: 10px 18px; box-shadow: var(--shadow-sketchy), var(--shadow-md), var(--shadow-inset); transition: all 0.2s ease; position: relative; overflow: hidden; font-weight: 700;
}
.sketchy-border:hover { transform: translateY(-4px); box-shadow: 7px 7px 0 var(--border-color);
}
.sketchy-border:active { transform: translateY(-1px); box-shadow: 4px 4px 0 var(--border-color);
}
.sketchy-border::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.5s ease;
}
.sketchy-border:hover::before { left: 100%;
}
.card { background: var(--bg-modal); border-radius: var(--radius-lg); padding: 1.5rem; box-shadow: var(--shadow-lg); border: 2px solid rgba(0, 0, 0, 0.1);
}
.card:hover { box-shadow: var(--shadow-xl); transform: translateY(-5px);
}
.modal-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 100; backdrop-filter: blur(15px); padding: 1rem; animation: fade-in 0.3s ease-out;
}
.modal-overlay.hidden { display: none !important;
}
.modal { background: var(--bg-modal); backdrop-filter: blur(20px); padding: 2.5rem; border-radius: var(--radius-xl); text-align: center; box-shadow: var(--shadow-xl); max-width: 500px; width: 90%; max-height: 90vh; overflow-y: auto; border: 3px solid var(--border-color); animation: slide-up 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tab-active { color: #2563eb !important; border-bottom: 3px solid #2563eb !important; opacity: 1 !important; background-color: rgba(37, 99, 235, 0.05);
}
.list { background: var(--bg-card); backdrop-filter: blur(20px); border: 2px solid var(--navbar-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); transition: all 0.3s;
}
#itemList { background: var(--bg-item-list); border-radius: var(--radius-md); box-shadow: var(--shadow-md); max-height: 300px; overflow-y: auto;
}
.preset-wrapper { position: relative !important; z-index: 50 !important; margin-bottom: 1.5rem !important; width: 100% !important; isolation: isolate !important; transform: translate3d(0, 0, 0) !important;
}
.custom-select { position: relative !important; cursor: pointer; border-radius: 12px; width: 100% !important; z-index: 50 !important; background-color: #ffffff !important; color: #2d3748 !important; border-color: #2d3748 !important;
}
.select-display { padding: 12px 16px; font-weight: 600; display: flex; justify-content: space-between; align-items: center;
}
.select-options { position: absolute !important; top: 100%; left: 0; width: 100%; background: white; border: 3px solid var(--border-color); border-radius: 12px; max-height: 320px; overflow-y: auto; z-index: 9999 !important; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25) !important; display: block;
}
.select-options.hidden { display: none !important;
}
.select-options div { padding: 12px 16px; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.select-options div:hover { background: #edf2f7; color: #2b6cb0; padding-left: 20px;
}
#choicesZone,
#choicesZone.list,
#choicesZone.sketchy-border,
.custom-select.sketchy-border { overflow: visible !important; z-index: 20 !important;
}
#choicesZone.sketchy-border::before,
.custom-select.sketchy-border::before { display: none !important;
}
.header-navbar { background-color: var(--navbar-bg); backdrop-filter: blur(20px); border-bottom: 2px solid var(--navbar-border); box-shadow: var(--shadow-lg); position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 999 !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.header-navbar.nav-hidden { transform: translateY(-100%) !important; box-shadow: none !important; pointer-events: none;
}
#mobileMenu { background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(20px); border-color: rgba(0, 0, 0, 0.1) !important; color: #2d3748 !important; transition: all 0.3s ease !important;
}
#mobileMenu a { color: #4a5568 !important;
}
#mobileMenu a:hover { color: #3b82f6 !important; background: rgba(59, 130, 246, 0.1) !important;
}
#mobileMenu a[href*="buymeacoffee"],
#mobileMenu .bg-yellow-100 { background-color: #FFDD00 !important; color: #000000 !important; border: 2px solid #eab308 !important; opacity: 1 !important;
}
footer { background: linear-gradient(135deg, #b4d8e7 0%, #d1e7c5 50%, #f9d8d6 100%) !important; color: #2d3748 !important; padding: 3rem 1rem;
}
footer a { color: #3b82f6 !important; font-weight: 600 !important;
}
footer a:hover { color: #2563eb !important; text-decoration: underline !important;
}
.review-card { background-color: #ffffff !important; border: 1px solid #e5e7eb !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
.review-text { color: #111827 !important; font-style: italic; opacity: 1 !important;
}
.review-author { color: #000000 !important;
}
.review-stars { color: #FFD700 !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
footer .nav-link-coffee,
footer .nav-link-coffee *,
#mobileMenu .nav-link-coffee,
#mobileMenu .nav-link-coffee * { color: #8B4513 !important;
}
footer .nav-link-blog,
footer .nav-link-blog *,
#mobileMenu .nav-link-blog,
#mobileMenu .nav-link-blog * { color: #f97316 !important;
}
footer .nav-link-histoire,
footer .nav-link-histoire *,
#mobileMenu .nav-link-histoire,
#mobileMenu .nav-link-histoire * { color: #16a34a !important;
}
footer .nav-link-origine,
footer .nav-link-origine *,
#mobileMenu .nav-link-origine,
#mobileMenu .nav-link-origine * { color: #9333ea !important;
}
footer .nav-link-blog:hover *,
#mobileMenu .nav-link-blog:hover * { color: #ea580c !important;
}
footer .nav-link-histoire:hover *,
#mobileMenu .nav-link-histoire:hover * { color: #15803d !important;
}
footer .nav-link-origine:hover *,
#mobileMenu .nav-link-origine:hover * { color: #7e22ce !important;
}
footer .nav-link-coffee:hover *,
#mobileMenu .nav-link-coffee:hover * { color: #5D2E0C !important;
}
html:not([lang="fr"]) .nav-link-blog,
html:not([lang="fr"]) .nav-link-blog + span { display: none !important;
}
#wheelCanvas { box-shadow: var(--shadow-xl), inset 0 0 30px rgba(0, 0, 0, 0.1) !important; border-radius: 50%; border: 4px solid var(--border-color); border-color: #e8bfe4 !important;
}
.pointer { transform-origin: 50% 0; transition: transform 0.1s; will-change: transform;
}
.pointer.tick { animation: pointer-tick 0.15s ease-out forwards;
}
@keyframes pointer-tick { 0% { transform: translateX(-50%) rotate(0deg); } 30% { transform: translateX(-50%) rotate(-25deg); } 100% { transform: translateX(-50%) rotate(0deg); }
}
body.index-page:not(.app-started) > header { display: none !important;
}
#splash-screen { position: relative; z-index: 50; background-color: white;
}
.bounce-in { animation: bounce-in 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes bounce-in { 0% { opacity: 0; transform: scale(0.3); } 50% { transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); }
}
body.dark-mode footer { background: linear-gradient(135deg, #0a0e27 0%, #16213e 50%, #1a1a2e 100%) !important; color: #e2e8f0 !important;
}
body.dark-mode footer a { color: #00d4ff !important;
}
body.dark-mode #mobileMenu { background: rgba(15, 20, 30, 0.95) !important; border-color: rgba(0, 255, 255, 0.3) !important;
}
body.dark-mode .card,
body.dark-mode .list { background: var(--bg-card); border-color: var(--border-color); box-shadow: 0 0 50px rgba(0, 255, 255, 0.4);
}
body.dark-mode .custom-select { background-color: #2d3748 !important; border-color: #4a5568 !important;
}
body.dark-mode .custom-select .select-display { color: #e2e8f0 !important;
}
body.dark-mode .review-card { background-color: #1f2937 !important; border-color: #374151 !important;
}
body.dark-mode .review-text { color: #f3f4f6 !important;
}
body.dark-mode .review-author { color: #ffffff !important;
}
body.dark-mode .review-card span.bg-yellow-100 { background-color: #fef9c3 !important; color: #854d0e !important;
}
body.dark-mode #mobileMenu .nav-link-blog * { color: #f97316 !important;
}
body.dark-mode #mobileMenu .nav-link-histoire * { color: #16a34a !important;
}
body.dark-mode #mobileMenu .nav-link-origine * { color: #9333ea !important;
}
body.dark-mode #mobileMenu .nav-link-coffee * { color: #D2691E !important;
}
body.dark-mode footer .nav-link-coffee,
body.dark-mode footer .nav-link-coffee * { color: #D2691E !important;
}
body.dark-mode .tab-active { color: #60a5fa !important; border-bottom-color: #60a5fa !important;
}
body.dark-mode .title,
body.dark-mode #splash-title span { text-shadow: none !important; filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.8)); background: linear-gradient(45deg, #00ffff, #b800ff); -webkit-background-clip: text; color: transparent;
}
body.circus-mode { background-image: repeating-linear-gradient(90deg, #fffdf0, #fffdf0 40px, #ffdeeb 40px, #ffdeeb 80px); color: #7f1d1d !important;
}
body.circus-mode #wheelCanvas { border: 12px solid transparent !important; border-radius: 50%; background-image: linear-gradient(#e5e7eb, #e5e7eb), repeating-conic-gradient(#ff85a2 0% 5%, #ffffff 5% 10%); background-clip: padding-box, border-box; background-origin: padding-box, border-box; box-shadow: 0 0 0 2px #ffffff, 0 10px 30px rgba(183, 28, 28, 0.4) !important;
}
body.circus-mode .header-navbar { background-color: rgba(255, 253, 240, 0.95) !important; border-bottom: 4px dashed #ff85a2 !important;
}
body.circus-mode footer { background: repeating-linear-gradient(45deg, #b71c1c, #b71c1c 20px, #d32f2f 20px, #d32f2f 40px) !important; border-top: 4px dashed #ffd700 !important;
}
body.circus-mode footer *,
body.circus-mode footer div { color: #fffdf0 !important; text-shadow: none !important;
}
body.circus-mode footer a:hover,
body.circus-mode footer .nav-link-blog *,
body.circus-mode footer .nav-link-coffee *,
body.circus-mode footer .nav-link-histoire *,
body.circus-mode footer .nav-link-origine * { color: #ffd700 !important; text-shadow: 1px 1px 0 #b71c1c;
}
body.circus-mode .card,
body.circus-mode .modal,
body.circus-mode .list { border: 4px dashed #ff85a2 !important; box-shadow: 8px 8px 0 #b71c1c !important;
}
body.circus-mode .custom-select { background-color: #ffffff !important; border-color: #b71c1c !important; box-shadow: 4px 4px 0 #b71c1c !important;
}
body.circus-mode .custom-select .select-display { color: #b71c1c !important; font-family: "Knewave", cursive;
}
body.circus-mode .tab-active { color: #b71c1c !important; border-bottom-color: #ffd700 !important; background-color: #fffdf0;
}
body.circus-mode .review-card { background-color: #ffffff !important; border: 3px dashed #b71c1c !important; transform: rotate(-1deg) !important;
}
body.circus-mode .review-text { color: #b71c1c !important; font-weight: 600 !important;
}
body.circus-mode .review-stars { color: #ffd700 !important; text-shadow: 1px 1px 0 #b71c1c !important;
}
body.circus-mode #spinButton { background: radial-gradient(circle at 30% 30%, #ff5c5c, #b71c1c) !important; border: 3px solid #800000 !important; box-shadow: 0 5px 0 #800000 !important;
}
body.circus-mode #spinButton:hover { transform: scale(1.05) !important;
}
body.circus-mode .title,
body.circus-mode #splash-title span { background: none !important; -webkit-text-fill-color: #ffd700 !important; color: #ffd700 !important; text-shadow: 4px 4px 0 #b71c1c; -webkit-text-stroke: 1px #b71c1c;
}
body.circus-mode main h1 { color: #c2185b !important; text-shadow: 2px 2px 0px #ffdeeb;
}
body.circus-mode footer .nav-link-blog *,
body.circus-mode #mobileMenu .nav-link-blog *,
body.circus-mode footer .nav-link-histoire *,
body.circus-mode #mobileMenu .nav-link-histoire *,
body.circus-mode footer .nav-link-origine *,
body.circus-mode #mobileMenu .nav-link-origine *,
body.circus-mode footer .nav-link-coffee *,
body.circus-mode #mobileMenu .nav-link-coffee * { text-shadow: 1px 1px 0 #fffdf0 !important;
}
body.death-mode-active { background-image: var(--bg-primary) !important; background-color: #1a1a1a !important;
}
body.death-mode-active #wheelCanvas { border: 4px solid #ff4444 !important; background-image: none !important; background-color: transparent !important; box-shadow: 0 0 50px rgba(255, 0, 0, 0.7), inset 0 0 30px rgba(255, 68, 68, 0.2) !important;
}
body.death-mode-active .header-navbar { background-color: rgba(26, 0, 0, 0.95) !important; border-bottom: 2px solid rgba(255, 68, 68, 0.5) !important;
}
body.death-mode-active footer { background: linear-gradient(135deg, #1a1a1a 0%, #2a0000 50%, #333333 100%) !important; border-top: 2px solid rgba(255, 68, 68, 0.5) !important;
}
body.death-mode-active footer *,
body.death-mode-active footer div { color: #f5f5f5 !important; text-shadow: none !important;
}
body.death-mode-active footer a:hover { color: #ff4444 !important;
}
body.death-mode-active #mobileMenu .nav-link-blog * { color: #f97316 !important;
}
body.death-mode-active #mobileMenu .nav-link-histoire * { color: #16a34a !important;
}
body.death-mode-active #mobileMenu .nav-link-origine * { color: #9333ea !important;
}
body.death-mode-active #mobileMenu .nav-link-coffee *,
body.death-mode-active footer .nav-link-coffee,
body.death-mode-active footer .nav-link-coffee * { color: #D2691E !important;
}
body.death-mode-active .card,
body.death-mode-active .modal,
body.death-mode-active .list,
body.death-mode-active .review-card { border: 2px solid #666666 !important; background: #111111 !important; transform: none !important;
}
body.death-mode-active .custom-select { background-color: #1a1a1a !important; border-color: #666666 !important; box-shadow: 0 0 10px rgba(255, 0, 0, 0.2) !important;
}
body.death-mode-active .custom-select .select-display { color: #ffffff !important;
}
body.death-mode-active .review-text { color: #ffffff !important;
}
body.death-mode-active .review-author { color: #ff4444 !important;
}
body.death-mode-active .review-stars { color: #FFD700 !important; text-shadow: none !important;
}
body.death-mode-active .review-card span.bg-yellow-100 { background-color: #450a0a !important; color: #ffcccc !important; border-color: #ff4444 !important;
}
body.death-mode-active #spinButton { background: #b91c1c !important; border: none !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important; color: white !important; text-shadow: none !important; transform: none !important;
}
body.death-mode-active .title,
body.death-mode-active #splash-title span { background: none !important; -webkit-text-fill-color: initial !important; color: #ff4444 !important; filter: none !important; text-shadow: 0 0 20px rgba(255, 0, 0, 0.9); animation: danger-pulse 2s ease-in-out infinite !important;
}
body.death-mode-active #choicesZone.card { background-color: #000000 !important; border: 3px solid #b91c1c !important; box-shadow: 0 0 20px rgba(185, 28, 28, 0.4), inset 0 0 50px rgba(185, 28, 28, 0.1) !important;
}
body.death-mode-active #choicesZone h2,
body.death-mode-active #choicesZone label,
body.death-mode-active #choicesZone .text-gray-500,
body.death-mode-active #choicesZone .text-gray-800 { color: #fca5a5 !important; text-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
}
body.death-mode-active #itemInput,
body.death-mode-active .custom-select { background-color: #1a0505 !important; color: #ffffff !important; border: 2px solid #7f1d1d !important; font-weight: 600 !important; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.8) !important;
}
body.death-mode-active #itemInput::placeholder { color: #ef4444 !important; opacity: 0.5;
}
body.death-mode-active #itemInput:focus,
body.death-mode-active .custom-select:hover { border-color: #ff0000 !important; box-shadow: 0 0 15px rgba(255, 0, 0, 0.4) !important; background-color: #000000 !important;
}
body.death-mode-active #itemList { background-color: #0a0a0a !important; border: 1px solid #7f1d1d !important;
}
body.death-mode-active #itemList > div { background-color: #1f0a0a !important; color: #ffffff !important; border: 1px solid #ef4444 !important; margin-bottom: 6px !important; box-shadow: 2px 2px 0 #450a0a !important;
}
body.death-mode-active #itemList button { color: #ff0000 !important; text-shadow: 0 0 5px red; font-weight: bold;
}
body.death-mode-active #itemList button:hover { color: #ffffff !important; background-color: #ff0000 !important; border-radius: 50%;
}
body.death-mode-active #itemForm button[type="submit"] { background-color: #b91c1c !important; color: white !important; border: 1px solid #ff0000 !important;
}
body.death-mode-active #itemForm button[type="submit"]:hover { background-color: #ff0000 !important; box-shadow: 0 0 15px red !important;
}
body.death-mode-active #returnButton,
body.death-mode-active #resetButton { background-color: #2d2d2d !important; color: #e5e5e5 !important; border: 1px solid #555 !important;
}
body.death-mode-active #returnButton:hover,
body.death-mode-active #resetButton:hover { background-color: #404040 !important; color: #ffffff !important; border-color: #888 !important;
}
body.death-mode-active #zeroButton { background-color: #2d2d2d !important; color: #e5e5e5 !important; border: 1px solid #555 !important; padding: 4px 12px !important; border-radius: 8px !important; text-decoration: none !important; text-shadow: none !important; font-size: 0.75rem !important; font-weight: 700 !important; opacity: 1 !important; transition: all 0.2s !important; display: inline-block !important;
}
body.death-mode-active #zeroButton:hover { background-color: #404040 !important; color: #ffffff !important; border-color: #888 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}
body.death-mode-active .select-options { background-color: #0a0a0a !important; border: 2px solid #b91c1c !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.9) !important;
}
body.death-mode-active .select-options div { color: #ffffff !important; border-bottom: 1px solid #333 !important; background-color: #0a0a0a !important;
}
body.death-mode-active .select-options div:hover { background-color: #7f1d1d !important; color: #ffffff !important; padding-left: 20px !important;
}
body.death-mode-active .saved-list-item { background-color: #1a1a1a !important; border: 1px solid #444 !important; color: #eee !important;
}
body.death-mode-active .saved-list-item strong { color: #ff4444 !important;
}
body.dark-mode #choicesZone { background: #1f2937 !important; border: 2px solid #374151 !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
}
body.dark-mode #choicesZone h2,
body.dark-mode #choicesZone label,
body.dark-mode #choicesZone .text-gray-800 { color: #f3f4f6 !important; text-shadow: none !important;
}
body.dark-mode #choicesZone .text-gray-500 { color: #9ca3af !important;
}
body.dark-mode #itemInput,
body.dark-mode .custom-select { background-color: #111827 !important; color: #ffffff !important; border: 2px solid #4b5563 !important;
}
body.dark-mode #itemInput::placeholder { color: #6b7280 !important;
}
body.dark-mode .custom-select .select-display { color: #ffffff !important;
}
body.dark-mode .select-options { background-color: #1f2937 !important; border-color: #4b5563 !important;
}
body.dark-mode .select-options div { color: #e5e7eb !important; border-bottom: 1px solid #374151 !important;
}
body.dark-mode .select-options div:hover { background-color: #374151 !important; color: #60a5fa !important;
}
body.dark-mode #itemList { background-color: #111827 !important; border: 1px solid #374151 !important;
}
body.dark-mode #itemList > div { background-color: #1f2937 !important; color: #e5e7eb !important; border: 1px solid #4b5563 !important; margin-bottom: 4px !important;
}
body.dark-mode .mode { background-color: #374151 !important; border: 2px solid #4b5563 !important; box-shadow: none !important;
}
body.dark-mode .mode h3 { color: #fca5a5 !important;
}
body.dark-mode .mode p { color: #fda4af !important;
}
body.dark-mode #returnButton,
body.dark-mode #resetButton,
body.dark-mode #zeroButton { background-color: #4b5563 !important; color: #ffffff !important; border: 1px solid #6b7280 !important;
}
body.dark-mode #returnButton:hover,
body.dark-mode #resetButton:hover,
body.dark-mode #zeroButton:hover { background-color: #6b7280 !important;
}
body.death-mode-active #mobileMenu { background-color: #111111 !important; border-color: #b91c1c !important; }
body.death-mode-active #zeroButton { background-color: #2d2d2d !important; color: #e5e5e5 !important; border: 1px solid #555 !important; padding: 0.5rem 1rem !important; border-radius: 0.75rem !important; font-weight: 700 !important; font-size: 1rem !important; text-decoration: none !important; display: inline-block !important; text-shadow: none !important;
}
body.death-mode-active #zeroButton:hover { background-color: #404040 !important; color: #ffffff !important; border-color: #888 !important;
}
body.death-mode-active footer .nav-link-blog,
body.death-mode-active footer .nav-link-blog * { color: #f97316 !important; }
body.death-mode-active footer .nav-link-histoire,
body.death-mode-active footer .nav-link-histoire * { color: #22c55e !important; }
body.death-mode-active footer .nav-link-origine,
body.death-mode-active footer .nav-link-origine * { color: #a855f7 !important; }
body.death-mode-active footer .nav-link-coffee,
body.death-mode-active footer .nav-link-coffee * { color: #D2691E !important; }
body.circus-mode footer .nav-link-blog,
body.circus-mode footer .nav-link-blog * { color: #f97316 !important; text-shadow: 2px 2px 0px #fffdf0 !important; }
body.circus-mode footer .nav-link-histoire,
body.circus-mode footer .nav-link-histoire * { color: #16a34a !important; text-shadow: 2px 2px 0px #fffdf0 !important;
}
body.circus-mode footer .nav-link-origine,
body.circus-mode footer .nav-link-origine * { color: #9333ea !important; text-shadow: 2px 2px 0px #fffdf0 !important;
}
body.circus-mode footer .nav-link-coffee,
body.circus-mode footer .nav-link-coffee * { color: #8B4513 !important; text-shadow: 2px 2px 0px #fffdf0 !important;
}
body.circus-mode #splash-screen,
body.circus-mode #splash-screen::before { background-image: repeating-linear-gradient( 90deg, #fffdf0, #fffdf0 40px, #ffdeeb 40px, #ffdeeb 80px ) !important; background-color: #fffdf0 !important;
}
body.circus-mode #splash-title span { background: none !important; -webkit-text-fill-color: #ffd700 !important; color: #ffd700 !important; text-shadow: 4px 4px 0 #b71c1c; -webkit-text-stroke: 1px #b71c1c;
}
body.circus-mode .review-author { color: #000000 !important; font-weight: 800 !important; font-size: 1rem !important; text-transform: none !important; letter-spacing: normal !important;
}
body.circus-mode .review-card span.bg-yellow-100 { background-color: #ffd700 !important; color: #b71c1c !important; border: 2px solid #b71c1c !important; font-weight: 900 !important; box-shadow: 2px 2px 0 rgba(183, 28, 28, 0.2) !important; }
body.death-mode-active #diceCountSelect { background-color: #000000 !important; color: #ffffff !important; border: 2px solid #ff4444 !important; font-weight: 800 !important;
}
body.death-mode-active #diceCountSelect option { background-color: #000000; color: #ffffff;
}
body:not(.dark-mode):not(.death-mode-active):not(.circus-mode) .auth-modal h2,
body:not(.dark-mode):not(.death-mode-active):not(.circus-mode) .modal h2 { color: #000000 !important;
}
body.circus-mode .auth-modal h2,
body.circus-mode .modal h2 { color: #b71c1c !important; text-shadow: none !important;
}
#splash-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; min-height: 100dvh; display: flex; justify-content: center; align-items: center; z-index: 100; transition: opacity 1s ease-out, visibility 1s ease-out;
}
#splash-screen.hidden { opacity: 0; visibility: hidden; pointer-events: none; z-index: -1;
}
#splash-screen::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; min-height: 100dvh; background: var(--bg-primary); z-index: -1;
}
.splash-content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem;
}
#splash-title { font-family: "Knewave", cursive; font-size: clamp(3rem, 10vw, 6rem); text-align: center;
}
#splash-title span { display: inline-block; opacity: 0; transform: translateY(-50px) scale(0.8); background: linear-gradient(45deg, #ffd700, #ff8c00); -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.dark-mode #splash-title span,
html.dark-mode #splash-title span { background: linear-gradient(45deg, #00ffff, #b800ff); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.5));
}
body.death-mode-active #splash-title span,
html.death-mode-active #splash-title span { background: none !important; -webkit-text-fill-color: #ff4444 !important; color: #ff4444 !important; text-shadow: 0 0 20px rgba(255, 0, 0, 0.8);
}
body.circus-mode #splash-title span,
html.circus-mode #splash-title span { background: none !important; -webkit-text-fill-color: #ffd700 !important; color: #ffd700 !important; text-shadow: 4px 4px 0 #b71c1c; -webkit-text-stroke: 1px #b71c1c; }
#startButton { font-family: "Fredoka One", sans-serif; font-size: clamp(1.2rem, 3vw, 1.8rem); text-transform: uppercase; letter-spacing: 1px; color: #000000; background-color: #EAFF00; border: 3px solid #000000; margin-top: 1.5rem; padding: 0.8rem 2.5rem; border-radius: 50px; box-shadow: 0 6px 0 #000000, 0 0 15px rgba(234, 255, 0, 0.5); cursor: pointer; position: relative; opacity: 0; transform: translateY(30px); visibility: hidden; transition: transform 0.05s ease, box-shadow 0.05s ease, background-color 0.2s ease, opacity 0.5s ease-out 1s, visibility 0.5s ease-out 1s; }
#splash-screen.ready #startButton { opacity: 1; transform: translateY(0); visibility: visible; animation: atomic-pulse 2s infinite ease-in-out 1.5s; }
#startButton:hover { background-color: #FFFF33; animation: none; transform: translateY(-2px) scale(1.05); box-shadow: 0 8px 0 #000000, 0 0 30px rgba(234, 255, 0, 0.8); }
#startButton:active { animation: none; transform: translateY(6px) scale(0.98); box-shadow: 0 0 0 #000000, 0 0 10px rgba(234, 255, 0, 0.4);
}
#startButton.pressed { animation: none !important; transform: translateY(6px) scale(0.98) !important; box-shadow: 0 0 0 #000000, inset 0 3px 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(234, 255, 0, 0.4) !important; background-color: #D4E600 !important; pointer-events: none;
}
.title-splash { white-space: nowrap; display: inline-block; width: fit-content; max-width: 100%; overflow: hidden; font-family: "Knewave", cursive; font-size: clamp(2.4rem, 8vw, 4.2rem);
}
.title-splash span { display: inline-block; margin: 0 0.03em;
}
.wheel-container { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 2rem; max-width: 500px;
}
.wheel-wrapper-positioned { position: relative;
}
#wheelCanvas { font-family: "Knewave", cursive; border-radius: 50%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 0 0 10px #f8f8f8, 0 0 0 12px #ccc; cursor: pointer; width: 90vw; max-width: 500px; aspect-ratio: 1/1; height: auto; display: block; margin: 0 auto;
}
.pointer { position: absolute; top: -20px; left: 50%; width: 50px; height: 60px; transform: translateX(-50%); clip-path: polygon(50% 100%, 0 40%, 20% 40%, 20% 0, 80% 0, 80% 40%, 100% 40%); background: linear-gradient(180deg, #ef4444, #b91c1c); z-index: 10; filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.3)); transition: transform 0.1s ease-out;
}
.confetti { position: absolute; top: -10px; width: 8px; height: 8px; background-color: var(--pastel-pink); transform-origin: 50% 50%; opacity: 0; z-index: 100;
}
@media (max-width: 768px) { .wheel-container { max-width: 100%; } #spinButton { font-size: 1rem; padding: 0.75rem 1.5rem; }
}
@media (max-width: 480px) { #splash-title { font-size: 3.5rem; } #startButton { font-size: 1.5rem; }
}
#splash-title span { animation: fallIn 0.8s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards; opacity: 0;
}
.splash-subtitle { font-family: "Knewave", cursive; color: #666; font-size: 1.1rem; margin-top: 1.5rem; opacity: 0; animation: fadeInUp 0.8s ease-out 2.6s forwards; max-width: 90%; line-height: 1.5;
}
.splash-arrow { font-size: 3rem; color: #ff0000; text-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 0 0 20px rgba(255, 0, 0, 0.5); margin: 1rem 0 0 0; opacity: 0; line-height: 1; cursor: default; animation: fadeInUp 0.6s ease-out 3.4s forwards, bounceArrow 2s infinite 4s;
}
.splash-signature { position: absolute; bottom: 20px; right: 30px; font-family: "Knewave", cursive; font-size: 1.2rem; color: #ff8c00; transform: rotate(-5deg) scale(0); opacity: 0; animation: signAppear 0.8s cubic-bezier(0.68, -0.55, 0.26, 1.55) 4.8s forwards;
}
@keyframes atomic-pulse { 0% { transform: scale(1); box-shadow: 0 6px 0 #000000, 0 0 15px rgba(234, 255, 0, 0.4); } 50% { transform: scale(1.03); box-shadow: 0 6px 0 #000000, 0 0 30px rgba(234, 255, 0, 0.7); } 100% { transform: scale(1); box-shadow: 0 6px 0 #000000, 0 0 15px rgba(234, 255, 0, 0.4); }
}
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }
}
@keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); }
}
@keyframes signAppear { from { opacity: 0; transform: scale(0) rotate(-5deg); } to { opacity: 1; transform: scale(1) rotate(-5deg); }
}
@media (max-width: 480px) { .splash-signature { bottom: 15px; right: 15px; font-size: 1rem; } .splash-subtitle { font-size: 1rem; margin-top: 1rem; } .splash-arrow { font-size: 2.5rem; }
}
#diceContainer { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 40px; padding: 20px; min-height: 150px; perspective: 1000px;
}
.dice-scene { width: 100px; height: 100px; display: inline-block; perspective: 600px;
}
.dice-cube { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transform: rotateX(0deg) rotateY(0deg);
}
.dice-face { position: absolute; width: 100px; height: 100px; background: #f8f9fa; border: 1px solid #d1d5db; border-radius: 16px; box-shadow: inset 0 0 15px rgba(0,0,0,0.1); display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); padding: 8px; backface-visibility: hidden;
}
.pip { display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #333; box-shadow: inset 0 3px rgba(0,0,0,0.5); align-self: center; justify-self: center; }
.face-1 .pip:nth-child(1) { grid-area: 2 / 2; width: 28px; height: 28px; background-color: #ef4444; }
.face-2 .pip:nth-child(1) { grid-area: 1 / 1; } .face-2 .pip:nth-child(2) { grid-area: 3 / 3; } .face-3 .pip:nth-child(1) { grid-area: 1 / 1; }
.face-3 .pip:nth-child(2) { grid-area: 2 / 2; }
.face-3 .pip:nth-child(3) { grid-area: 3 / 3; }
.face-4 .pip:nth-child(1) { grid-area: 1 / 1; }
.face-4 .pip:nth-child(2) { grid-area: 1 / 3; }
.face-4 .pip:nth-child(3) { grid-area: 3 / 1; }
.face-4 .pip:nth-child(4) { grid-area: 3 / 3; }
.face-5 .pip:nth-child(1) { grid-area: 1 / 1; }
.face-5 .pip:nth-child(2) { grid-area: 1 / 3; }
.face-5 .pip:nth-child(3) { grid-area: 3 / 1; }
.face-5 .pip:nth-child(4) { grid-area: 3 / 3; }
.face-5 .pip:nth-child(5) { grid-area: 2 / 2; }
.face-6 .pip:nth-child(1) { grid-area: 1 / 1; }
.face-6 .pip:nth-child(2) { grid-area: 2 / 1; }
.face-6 .pip:nth-child(3) { grid-area: 3 / 1; }
.face-6 .pip:nth-child(4) { grid-area: 1 / 3; }
.face-6 .pip:nth-child(5) { grid-area: 2 / 3; }
.face-6 .pip:nth-child(6) { grid-area: 3 / 3; }
.face-1 { transform: rotateY(0deg) translateZ(50px); }
.face-2 { transform: rotateY(180deg) translateZ(50px); }
.face-3 { transform: rotateY(90deg) translateZ(50px); }
.face-4 { transform: rotateY(-90deg) translateZ(50px); }
.face-5 { transform: rotateX(90deg) translateZ(50px); }
.face-6 { transform: rotateX(-90deg) translateZ(50px); }
body.dark-mode .dice-face { background: #1f2937; border-color: #00d4ff; box-shadow: 0 0 10px rgba(0, 212, 255, 0.2);
}
body.dark-mode .pip { background-color: #00d4ff; box-shadow: 0 0 5px rgba(0, 212, 255, 0.5);
}
body.dark-mode .face-1 .pip { background-color: #ff00ff; }
body.death-mode-active .dice-face { background: #1a0505; border-color: #ff4444;
}
body.death-mode-active .pip { background-color: #ff4444; box-shadow: 0 0 5px #ff0000;
}
body.circus-mode .dice-face { background: #fffdf0; border-color: #b71c1c;
}
body.circus-mode .pip { background-color: #ffd700; box-shadow: inset 0 2px #b78b00;
}
.coin-container { width: 150px; height: 150px; margin: 50px auto; perspective: 1000px;
}
.coin { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transform: rotateY(0deg); }
.coin-face { position: absolute; width: 100%; height: 100%; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 2rem; font-weight: bold; backface-visibility: hidden; box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3), 0 10px 15px rgba(0, 0, 0, 0.2); border: 8px solid rgba(255, 255, 255, 0.2);
}
.coin-tails { background: radial-gradient(circle at 30% 30%, #e0e0e0, #9e9e9e); color: #555; transform: rotateY(0deg);
}
.coin-tails::after { content: "FACE"; text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
.coin-heads { background: radial-gradient(circle at 30% 30%, #ffd700, #daa520); color: #8a6d0b; transform: rotateY(180deg);
}
.coin-heads::after { content: "PILE"; text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}
body.dark-mode .coin-tails { background: radial-gradient(circle at 30% 30%, #4a5568, #2d3748); color: #a0aec0; border-color: #718096;
}
body.dark-mode .coin-tails::after { text-shadow: none; }
body.death-mode-active .coin-tails { background: radial-gradient(circle at 30% 30%, #991b1b, #450a0a); color: #fca5a5; border-color: #ef4444;
}
body.death-mode-active .coin-heads { background: radial-gradient(circle at 30% 30%, #000, #333); color: #ff0000; border-color: #666;
}
body.circus-mode .coin-tails { background: repeating-linear-gradient(45deg, #fff, #fff 10px, #ffdde1 10px, #ffdde1 20px); color: #d32f2f; border-color: #d32f2f;
}
.coin-result-anim { animation: pop-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes pop-in { 0% { transform: scale(0); opacity: 0; } 80% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); }
}
#flipCounter { margin-top: 1rem; padding: 0.5rem; border-radius: 8px; background-color: rgba(0, 0, 0, 0.05); font-family: "Fredoka One", sans-serif; transition: all 0.3s ease;
}
body.dark-mode #flipCounter { background-color: rgba(255, 255, 255, 0.1); color: #e2e8f0;
}
body.dark-mode #flipCounter .text-blue-600 { color: #60a5fa; }