a,hr{color:inherit}
progress,sub,sup{vertical-align:baseline}
blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,menu,ol,p,pre,ul{margin:0}
.overflow-hidden,.sr-only{overflow:hidden}
.sr-only,.whitespace-nowrap{white-space:nowrap}
.transition,.transition-all,.transition-colors,.transition-opacity,.transition-transform{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.dark,:root{--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 100%}
.-translate-x-1\/2,.-translate-y-1\/2,.group:hover .group-hover\:scale-110,.scale-\[1\.035\],.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))}
.border-black,.border-gray-200,.border-gray-600,.border-gray-700,.border-gray-800,.border-white,.hover\:border-gray-500:hover{--tw-border-opacity:1}
.from-gray-200,.from-transparent,.hover\:from-gray-500\/10:hover{--tw-gradient-from-position: ;--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}
.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}
*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb;--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-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:rgb(59 130 246/0.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: }
:after,:before{--tw-content:""}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}
body{line-height:inherit;background-color:hsl(var(--background));color:hsl(var(--foreground))}
hr{height:0;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{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-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
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-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
.shadow-\[0_0_15px_rgba\(255\2c 255\2c 255\2c 0\.3\)\],.shadow-\[0_0_25px_rgba\(255\2c 255\2c 255\2c 0\.15\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
::-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}
fieldset,legend{padding:0}
menu,ol,ul{list-style:none;padding:0}
textarea{resize:vertical}
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,[hidden]{display:none}
*{border-color:hsl(var(--border))}
::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-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:rgb(59 130 246/0.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: }
.focus\:ring-2:focus,.ring,.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}
@media (min-width:1400px){
.container{max-width:1400px}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}
.\[\&_svg\]\:pointer-events-none svg,.disabled\:pointer-events-none:disabled,.pointer-events-none{pointer-events:none}
.visible{visibility:visible}
.static{position:static}
.fixed{position:fixed}
.absolute,.grim-text:after{position:absolute}
.grim-button,.grim-text,.relative{position:relative}
.-inset-1{inset:-.25rem}
.inset-0{inset:0}
.bottom-0{bottom:0}
.bottom-\[60px\]{bottom:60px}
.left-0{left:0}
.left-1\/2{left:50%}
.right-0{right:0}
.right-3{right:.75rem}
.right-4{right:1rem}
.top-0{top:0}
.top-1\/2{top:50%}
.top-3{top:.75rem}
.top-4{top:1rem}
.-z-10{z-index:-10}
.z-0{z-index:0}
.z-10{z-index:10}
.z-50{z-index:50}
.z-\[100\]{z-index:100}
.z-\[60\]{z-index:60}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.ml-2{margin-left:.5rem}
.ml-6{margin-left:1.5rem}
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-6{margin-top:1.5rem}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-16{height:4rem}
.h-2{height:.5rem}
.h-20{height:5rem}
.h-3{height:.75rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-\[1\.2rem\]{height:1.2rem}
.h-\[1px\]{height:1px}
.h-\[400px\]{height:400px}
.h-\[500px\]{height:500px}
.h-full{height:100%}
.h-screen{height:100vh}
.max-h-\[30vh\]{max-height:30vh}
.max-h-\[60vh\]{max-height:60vh}
.max-h-\[70vh\]{max-height:70vh}
.max-h-\[90vh\]{max-height:90vh}
.min-h-screen{min-height:100vh}
.w-0{width:0}
.w-10{width:2.5rem}
.w-16{width:4rem}
.w-2{width:.5rem}
.w-20{width:5rem}
.w-3{width:.75rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-\[1\.2rem\]{width:1.2rem}
.w-\[400px\]{width:400px}
.w-\[500px\]{width:500px}
.grim-text:hover:after,.group:hover .group-hover\:w-full,.w-full{width:100%}
.max-w-4xl{max-width:56rem}
.max-w-\[1200px\]{max-width:1200px}
.max-w-\[600px\]{max-width:600px}
.max-w-\[90vw\]{max-width:90vw}
.max-w-md{max-width:28rem}
.max-w-xs{max-width:20rem}
.flex-1{flex:1 1 0%}
.\[\&_svg\]\:shrink-0 svg,.flex-shrink-0{flex-shrink:0}
.-translate-x-1\/2{--tw-translate-x:-50%}
.-translate-y-1\/2{--tw-translate-y:-50%}
.scale-\[1\.035\]{--tw-scale-x:1.035;--tw-scale-y:1.035}
@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:1s infinite bounce}
@keyframes pulse{
50%{opacity:.5}
}
.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}
.cursor-not-allowed{cursor:not-allowed}
.resize{resize:both}
.list-outside{list-style-position:outside}
.list-disc{list-style-type:disc}
.flex-col{flex-direction:column}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}
.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}
.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(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 * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.overflow-y-auto{overflow-y:auto}
.whitespace-pre-wrap{white-space:pre-wrap}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:var(--radius)}
.rounded-md{border-radius:calc(var(--radius) - 2px)}
.rounded-xl{border-radius:.75rem}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-black{border-color:rgb(0 0 0/var(--tw-border-opacity))}
.border-gray-200{border-color:rgb(229 231 235/var(--tw-border-opacity))}
.border-gray-600{border-color:rgb(75 85 99/var(--tw-border-opacity))}
.border-gray-700{border-color:rgb(55 65 81/var(--tw-border-opacity))}
.border-gray-800{border-color:rgb(31 41 55/var(--tw-border-opacity))}
.border-input{border-color:hsl(var(--input))}
.border-white{border-color:rgb(255 255 255/var(--tw-border-opacity))}
.bg-background{background-color:hsl(var(--background))}
.bg-black,.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}
.bg-black\/60{background-color:rgb(0 0 0/.6)}
.bg-black\/80{background-color:rgb(0 0 0/.8)}
.bg-destructive{background-color:hsl(var(--destructive))}
.bg-gray-100,.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}
.bg-gray-200,.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}
.bg-gray-700,.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}
.bg-gray-800,.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}
.bg-gray-800\/30{background-color:rgb(31 41 55/.3)}
.bg-gray-900\/50{background-color:rgb(17 24 39/.5)}
.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}
.bg-primary{background-color:hsl(var(--primary))}
.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity))}
.bg-purple-900\/70{background-color:rgb(88 28 135/.7)}
.bg-purple-900\/80{background-color:rgb(88 28 135/.8)}
.bg-secondary{background-color:hsl(var(--secondary))}
.bg-transparent{background-color:transparent}
.bg-white,.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
.bg-opacity-50{--tw-bg-opacity:0.5}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}
.from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(229 231 235/0) var(--tw-gradient-from-position)}
.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-from-position)}
.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-to-position: }
.object-contain{object-fit:contain}
.p-1{padding:.25rem}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.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-8{padding-left:2rem;padding-right:2rem}
.py-0{padding-top:0;padding-bottom:0}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.pr-4{padding-right:1rem}
.pt-1{padding-top:.25rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-2xl{font-size:1.5rem;line-height:2rem}
.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}
.leading-relaxed{line-height:1.625}
.tracking-tighter{letter-spacing:-.05em}
.tracking-wide{letter-spacing:.025em}
.hover\:text-black:hover,.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}
.text-destructive-foreground{color:hsl(var(--destructive-foreground))}
.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}
.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}
.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}
.hover\:text-gray-700:hover,.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}
.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}
.text-primary{color:hsl(var(--primary))}
.text-primary-foreground{color:hsl(var(--primary-foreground))}
.text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}
.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity))}
.text-secondary-foreground{color:hsl(var(--secondary-foreground))}
.hover\:text-white:hover,.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
.text-white\/50{color:rgb(255 255 255/.5)}
.text-white\/70{color:rgb(255 255 255/.7)}
.underline-offset-4{text-underline-offset:4px}
.opacity-0{opacity:0}
.group:hover .group-hover\:opacity-100,.hover\:opacity-100:hover,.opacity-100{opacity:1}
.group:hover .group-hover\:opacity-20,.opacity-20{opacity:.2}
.opacity-30{opacity:.3}
.opacity-70{opacity:.7}
.shadow-\[0_0_15px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]{--tw-shadow:0 0 15px rgba(255,255,255,0.3);--tw-shadow-colored:0 0 15px var(--tw-shadow-color)}
.shadow-\[0_0_25px_rgba\(255\2c 255\2c 255\2c 0\.15\)\]{--tw-shadow:0 0 25px rgba(255,255,255,0.15);--tw-shadow-colored:0 0 25px var(--tw-shadow-color)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.outline{outline-style:solid}
.ring{--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.ring-1{--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}
.ring-gray-600{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}
.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}
.blur-\[100px\]{--tw-blur:blur(100px)}
.blur-\[100px\],.blur-\[120px\],.blur-\[2px\],.blur-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)}
.blur-\[120px\]{--tw-blur:blur(120px)}
.blur-\[2px\]{--tw-blur:blur(2px)}
.blur-md{--tw-blur:blur(12px)}
.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}
.backdrop-blur-md,.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-blur-sm{--tw-backdrop-blur:blur(4px)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}
.transition-all{transition-property:all}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}
.transition-opacity{transition-property:opacity}
.transition-transform{transition-property:transform}
.duration-1000{transition-duration:1s;animation-duration:1s}
.duration-300{transition-duration:.3s;animation-duration:.3s}
.duration-500{transition-duration:.5s;animation-duration:.5s}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}
.running{animation-play-state:running}
:root{--background:0 0% 100%;--foreground:0 0% 0%;--card:0 0% 97%;--card-foreground:0 0% 0%;--popover:0 0% 97%;--popover-foreground:0 0% 0%;--primary:0 0% 0%;--primary-foreground:0 0% 100%;--secondary:0 0% 87%;--secondary-foreground:0 0% 0%;--muted:0 0% 87%;--muted-foreground:0 0% 36.1%;--accent:0 0% 87%;--accent-foreground:0 0% 0%;--border:0 0% 80%;--input:0 0% 80%;--ring:0 0% 16.1%;--radius:0.5rem}
.dark{--background:0 0% 0%;--foreground:0 0% 100%;--card:0 0% 3%;--card-foreground:0 0% 100%;--popover:0 0% 3%;--popover-foreground:0 0% 100%;--primary:0 0% 100%;--primary-foreground:0 0% 0%;--secondary:0 0% 13%;--secondary-foreground:0 0% 100%;--muted:0 0% 13%;--muted-foreground:0 0% 63.9%;--accent:0 0% 13%;--accent-foreground:0 0% 100%;--border:0 0% 20%;--input:0 0% 20%;--ring:0 0% 83.9%}
.grim-text{display:inline-block}
.grim-text:after{content:"";bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .5s}
.grim-button{overflow:hidden}
.grim-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:rgba(0,0,0,.05);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}
.dark .grim-button:before{background-color:rgba(255,255,255,.05)}
.grim-button:hover:before{width:300px;height:300px}
.grim-logo-container{position:relative;transition:transform .3s}
.grim-logo-container:hover{transform:scale(1.05)}
.scrollbar-thin::-webkit-scrollbar{width:4px}
.scrollbar-thin::-webkit-scrollbar-track{background:0 0}
.scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(126,34,206,.5);border-radius:20px}
.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(126,34,206,.5) transparent}
.scrollbar-hidden::-webkit-scrollbar{display:none}
.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}
.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}
.hover\:border-gray-500:hover{border-color:rgb(107 114 128/var(--tw-border-opacity))}
.hover\:bg-accent:hover{background-color:hsl(var(--accent))}
.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}
.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}
.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity))}
.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}
.hover\:from-gray-500\/10:hover{--tw-gradient-from:rgb(107 114 128/0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(107 114 128/0) var(--tw-gradient-from-position)}
.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:shadow-\[0_0_15px_rgba\(255\2c 255\2c 255\2c 0\.1\)\]:hover{--tw-shadow:0 0 15px rgba(255,255,255,0.1);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.focus\:outline-none:focus{outline:transparent solid 2px;outline-offset:2px}
.focus\:ring-2:focus{--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-gray-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(156 163 175/var(--tw-ring-opacity))}
.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}
.focus\:ring-offset-black:focus{--tw-ring-offset-color:#000}
.focus-visible\:outline-none:focus-visible{outline:transparent solid 2px;outline-offset:2px}
.focus-visible\:ring-2:focus-visible{--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-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}
.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}
.disabled\:opacity-50:disabled{opacity:.5}
.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}
:is(.dark .dark\:border-black){--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}
:is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}
:is(.dark .dark\:border-gray-800){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}
:is(.dark .dark\:border-white){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}
:is(.dark .dark\:bg-black){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}
:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}
:is(.dark .dark\:bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
:is(.dark .dark\:from-gray-800){--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to:rgb(31 41 55/0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
:is(.dark .dark\:text-black){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}
:is(.dark .dark\:text-blue-400){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}
:is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}
:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}
:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}
:is(.dark .dark\:text-gray-600){--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}
:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
:is(.dark .dark\:opacity-20){opacity:.2}
:is(.dark .dark\:opacity-30){opacity:.3}
:is(.dark .dark\:shadow-\[0_0_15px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]){--tw-shadow:0 0 15px rgba(0,0,0,0.3);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
:is(.dark .dark\:hover\:border-gray-700:hover){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}
:is(.dark .dark\:hover\:bg-gray-200:hover){--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}
:is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}
:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}
:is(.dark .dark\:hover\:bg-gray-900:hover){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}
:is(.dark .dark\:hover\:bg-white:hover){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
:is(.dark .dark\:hover\:from-gray-300\/10:hover){--tw-gradient-from:rgb(209 213 219/0.1) var(--tw-gradient-from-position);--tw-gradient-from-position: ;--tw-gradient-to:rgb(209 213 219/0) var(--tw-gradient-from-position);--tw-gradient-to-position: ;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
:is(.dark .dark\:hover\:text-black:hover){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}
:is(.dark .dark\:hover\:text-gray-300:hover){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}
:is(.dark .dark\:hover\:text-white:hover){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
@media (min-width:640px){
.sm\:mb-3{margin-bottom:.75rem}
.sm\:mb-4{margin-bottom:1rem}
.sm\:h-11{height:2.75rem}
.sm\:h-2{height:.5rem}
.sm\:h-2\.5{height:.625rem}
.sm\:h-24{height:6rem}
.sm\:h-5{height:1.25rem}
.sm\:h-6{height:1.5rem}
.sm\:h-7{height:1.75rem}
.sm\:max-h-\[40vh\]{max-height:40vh}
.sm\:w-2{width:.5rem}
.sm\:w-2\.5{width:.625rem}
.sm\:w-24{width:6rem}
.sm\:w-5{width:1.25rem}
.sm\:w-6{width:1.5rem}
.sm\:w-7{width:1.75rem}
.sm\:w-auto{width:auto}
.sm\:max-w-\[450px\]{max-width:450px}
.sm\:max-w-\[480px\]{max-width:480px}
.sm\:max-w-sm{max-width:24rem}
.sm\:flex-row{flex-direction:row}
.sm\:gap-2{gap:.5rem}
.sm\:gap-2\.5{gap:.625rem}
.sm\:gap-4{gap:1rem}
.sm\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.sm\:p-3{padding:.75rem}
.sm\:p-4{padding:1rem}
.sm\:p-5{padding:1.25rem}
.sm\:p-6{padding:1.5rem}
.sm\:px-4{padding-left:1rem;padding-right:1rem}
.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}
.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}
.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}
.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.sm\:text-2xl{font-size:1.5rem;line-height:2rem}
.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.sm\:text-base{font-size:1rem;line-height:1.5rem}
.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}
.sm\:text-sm{font-size:.875rem;line-height:1.25rem}
.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
}
@media (min-width:768px){
body,html{overflow-x:hidden;width:100%}
.md\:mt-2{margin-top:.5rem}
.md\:block{display:block}
.md\:h-12{height:3rem}
.md\:h-28{height:7rem}
.md\:w-28{width:7rem}
.md\:max-w-\[500px\]{max-width:500px}
.md\:max-w-\[520px\]{max-width:520px}
.md\:max-w-md{max-width:28rem}
.md\:gap-3{gap:.75rem}
.md\:gap-6{gap:1.5rem}
.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}
@media (min-width:1024px){
[data-radix-popper-content-wrapper]{max-width:600px!important;width:100%!important}
.lg\:gap-8{gap:2rem}
.lg\:px-8{padding-left:2rem;padding-right:2rem}
.lg\:py-8{padding-top:2rem;padding-bottom:2rem}
.lg\:text-5xl{font-size:3rem;line-height:1}
}