@font-face {
  font-family:Inter;
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url(/_next/static/media/55c55f0601d81cf3-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/26a46d62cd723877-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/97e0cb1ae144a2a9-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/581909926a08bbc8-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/6d93bde91c0c2823-s.p.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/a34f9d1faa5f3315-s.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.49%;
  descent-override:22.56%;
  line-gap-override:0.00%;
  size-adjust:107.06% 
}
.__className_9d7907 {
  font-family: "Mulish", sans-serif;
  font-style:normal 
}
.__variable_9d7907 {
  --font-inter:"Inter","Inter Fallback" 
}
:root {
  --radius:0.5rem;
  --ds-shadow-border:0 0 0 1px rgba(0,0,0,.08);
  --ds-shadow-small:0px 1px 2px rgba(0,0,0,.04);
  --ds-shadow-border-small:var(--ds-shadow-border),var(--ds-shadow-small);
  --ds-shadow-medium:0px 2px 2px rgba(0,0,0,.04),0px 8px 8px -8px rgba(0,0,0,.04);
  --ds-shadow-border-medium:var(--ds-shadow-border),var(--ds-shadow-medium);
  --ds-shadow-large:0px 2px 2px rgba(0,0,0,.04),0px 8px 16px -4px rgba(0,0,0,.04);
  --ds-shadow-border-large:var(--ds-shadow-border),var(--ds-shadow-large);
  --ds-shadow-tooltip:var(--ds-shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px rgba(0,0,0,.04);
  --ds-shadow-menu:var(--ds-shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px -4px rgba(0,0,0,.04),0px 16px 24px -8px rgba(0,0,0,.06);
  --ds-shadow-modal:var(--ds-shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);
  --ds-shadow-fullscreen:var(--ds-shadow-border),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);
  --scn-background:0 0% 100%;
  --scn-foreground:240 10% 3.9%;
  --scn-muted:240 4.8% 95.9%;
  --scn-muted-foreground:240 3.8% 46.1%;
  --scn-card:0 0% 100%;
  --scn-card-foreground:240 10% 3.9%;
  --scn-popover:0 0% 100%;
  --scn-popover-foreground:240 10% 3.9%;
  --scn-border:240 5.9% 90%;
  --scn-input:240 5.9% 90%;
  --scn-primary:240 5.9% 10%;
  --scn-primary-foreground:0 0% 98%;
  --scn-secondary:240 4.8% 95.9%;
  --scn-secondary-foreground:240 5.9% 10%;
  --scn-accent:240 4.8% 95.9%;
  --scn-accent-foreground: ;
  --scn-destructive:0 84.2% 60.2%;
  --scn-destructive-foreground:0 0% 98%;
  --scn-warning:35,100%,52%;
  --scn-warning-foreground:0 0% 9%;
  --scn-ring:240 5% 64.9%;
  --scn-radius:0.5rem;
  --scn-chart-1:173 58% 39%;
  --scn-chart-2:12 76% 61%;
  --scn-chart-3:197 37% 24%;
  --scn-chart-4:43 74% 66%;
  --scn-chart-5:27 87% 67%;
  --scn-sidebar-background:0 0% 98%;
  --scn-sidebar-foreground:240 5.3% 26.1%;
  --scn-sidebar-primary:240 5.9% 10%;
  --scn-sidebar-primary-foreground:0 0% 98%;
  --scn-sidebar-accent:240 4.8% 95.9%;
  --scn-sidebar-accent-foreground:240 5.9% 10%;
  --scn-sidebar-border:220 13% 91%;
  --scn-sidebar-ring:240 5% 64.9%;
  --background:var(--vsc-background,var(--scn-background));
  --foreground:var(--vsc-foreground,var(--scn-foreground));
  --muted:var(--vsc-muted,var(--scn-muted));
  --muted-foreground:var(--vsc-muted-foreground,var(--scn-muted-foreground));
  --card:var(--vsc-card,var(--scn-card));
  --card-foreground:var(--vsc-card-foreground,var(--scn-card-foreground));
  --popover:var(--vsc-popover,var(--scn-popover));
  --popover-foreground:var( --vsc-popover-foreground,var(--scn-popover-foreground) );
  --border:var(--vsc-border,var(--scn-border));
  --input:var(--vsc-input,var(--scn-input));
  --primary:var(--vsc-primary,var(--scn-primary));
  --primary-foreground:var( --vsc-primary-foreground,var(--scn-primary-foreground) );
  --secondary:var(--vsc-secondary,var(--scn-secondary));
  --secondary-foreground:var( --vsc-secondary-foreground,var(--scn-secondary-foreground) );
  --accent:var(--vsc-accent,var(--scn-accent));
  --accent-foreground:var( --vsc-accent-foreground,var(--scn-accent-foreground) );
  --destructive:var(--vsc-destructive,var(--scn-destructive));
  --destructive-foreground:var( --vsc-destructive-foreground,var(--scn-destructive-foreground) );
  --warning:var(--vsc-warning,var(--scn-warning));
  --warning-foreground:var( --vsc-warning-foreground,var(--scn-warning-foreground) );
  --ring:var(--vsc-ring,var(--scn-ring));
  --radius:var(--vsc-radius,var(--scn-radius));
  --chart-1:var(--vsc-chart-1,var(--scn-chart-1));
  --chart-2:var(--vsc-chart-2,var(--scn-chart-2));
  --chart-3:var(--vsc-chart-3,var(--scn-chart-3));
  --chart-4:var(--vsc-chart-4,var(--scn-chart-4));
  --chart-5:var(--vsc-chart-5,var(--scn-chart-5));
  --sidebar-background:var( --vsc-sidebar-background,var(--scn-sidebar-background) );
  --sidebar-foreground:var( --vsc-sidebar-foreground,var(--scn-sidebar-foreground) );
  --sidebar-primary:var(--vsc-sidebar-primary,var(--scn-sidebar-primary));
  --sidebar-primary-foreground:var( --vsc-sidebar-primary-foreground,var(--scn-sidebar-primary-foreground) );
  --sidebar-accent:var(--vsc-sidebar-accent,var(--scn-sidebar-accent));
  --sidebar-accent-foreground:var( --vsc-sidebar-accent-foreground,var(--scn-sidebar-accent-foreground) );
  --sidebar-border:var(--vsc-sidebar-border,var(--scn-sidebar-border));
  --sidebar-ring:var(--vsc-sidebar-ring,var(--scn-sidebar-ring)) 
}
.dark {
  --scn-background:240 10% 3.9%;
  --scn-foreground:0 0% 98%;
  --scn-muted:240 3.7% 15.9%;
  --scn-muted-foreground:240 5% 64.9%;
  --scn-card:240 10% 3.9%;
  --scn-card-foreground:0 0% 98%;
  --scn-popover:240 10% 3.9%;
  --scn-popover-foreground:0 0% 98%;
  --scn-border:240 3.7% 15.9%;
  --scn-input:240 3.7% 15.9%;
  --scn-primary:0 0% 98%;
  --scn-primary-foreground:240 5.9% 10%;
  --scn-secondary:240 3.7% 15.9%;
  --scn-secondary-foreground:0 0% 98%;
  --scn-accent:240 3.7% 15.9%;
  --scn-accent-foreground: ;
  --scn-destructive:0 62.8% 30.6%;
  --scn-destructive-foreground:0 85.7% 97.3%;
  --scn-warning:35,100%,52%;
  --scn-warning-foreground:0 0% 9%;
  --scn-ring:240 3.7% 15.9%;
  --scn-chart-1:220 70% 50%;
  --scn-chart-2:160 60% 45%;
  --scn-chart-3:30 80% 55%;
  --scn-chart-4:280 65% 60%;
  --scn-chart-5:340 75% 55%;
  --scn-sidebar-background:240 5.9% 10%;
  --scn-sidebar-foreground:240 4.8% 95.9%;
  --scn-sidebar-primary:224.3 76.3% 48%;
  --scn-sidebar-primary-foreground:0 0% 100%;
  --scn-sidebar-accent:240 3.7% 15.9%;
  --scn-sidebar-accent-foreground:240 4.8% 95.9%;
  --scn-sidebar-border:240 3.7% 15.9%;
  --scn-sidebar-ring:240 4.9% 83.9% 
}
neviVV-live-feedback {
  display:none!important 
}
html:not(.nevi-streaming-finished) #nevi-container [data-id] {
  animation:fadein .3s 
}
body.nevi-c {
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:2rem 
}
body.nevi-c[data-scroll-locked] {
  padding:0 
}
@keyframes fadein {
  0% {
      opacity:0 
 }
  to {
      opacity:1 
 }
}
.nevi-overlay:before {
  content:attr(data-note);
  position:absolute;
  top:-17px;
  left:4px;
  height:17px;
  line-height:18px;
  font-size:10px;
  background:#3b82f6;
  color:#fff;
  padding:0 3px;
  font-family: "Mulish", sans-serif;
  border-top-left-radius:2px;
  border-top-right-radius:2px 
}
.animate-spin {
  animation:spin 1s linear infinite!important 
}
@keyframes spin {
  0% {
      transform:rotate(0deg) 
 }
  to {
      transform:rotate(359deg) 
 }
}
@font-face {
  font-family: "Mulish", sans-serif;
  src:url(/_next/static/media/e11418ac562b8ac1-s.p.woff2) format("woff2");
  font-display:swap;
  font-weight:100 900 
}
@font-face {
  font-family:GeistSans Fallback;
  src:local("Arial");
  ascent-override:85.83%;
  descent-override:20.52%;
  line-gap-override:9.33%;
  size-adjust:107.19% 
}
.__className_3a0388 {
  font-family: "Mulish", sans-serif;
}
.__variable_3a0388 {
  --font-geist-sans:"GeistSans","GeistSans Fallback" 
}
@font-face {
  font-family:GeistMono;
  src:url(/_next/static/media/66f30814ff6d7cdf.p.woff2) format("woff2");
  font-display:swap;
  font-weight:100 900 
}
.__className_c1e5c9 {
  font-family: "Mulish", sans-serif;
}
.__variable_c1e5c9 {
  --font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace 
}

::after,::before{
 box-sizing:border-box;
 border-width:0;
 border-style:solid;
 border-color:#e5e7eb
}
::after,::before{
 --tw-content:''
}
:host,html{
 line-height:1.5;
 -webkit-text-size-adjust:100%;
 -moz-tab-size:4;
 tab-size:4;
 font-family:var(--font-sans), 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;
 -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: "Mulish", sans-serif;
 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;
 padding:0
}
legend{
 padding:0
}
menu,ol,ul{
 list-style:none;
 margin:0;
 padding:0
}
dialog{
 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]{
 display:none
}
*{
 border-color:hsl(var(--border))
}
html{
 scroll-behavior:smooth
}
body {
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
}
*, ::before, ::after{
 --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: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: ;
 --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: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: ;
 --tw-contain-size: ;
 --tw-contain-layout: ;
 --tw-contain-paint: ;
 --tw-contain-style: 
}
.container{
 width:100%;
 margin-right:auto;
 margin-left:auto
}
@media (min-width: 1400px){
 .container{
     max-width:1400px
 }
}
.\!visible{
 visibility:visible !important
}
.fixed{
 position:fixed
}
.absolute{
 position:absolute
}
.relative{
 position:relative
}
.inset-0{
 inset:0px
}
.bottom-0{
 bottom:0px
}
.left-0{
 left:0px
}
.right-0{
 right:0px
}
.top-0{
 top:0px
}
.z-10{
 z-index:10
}
.z-50{
 z-index:50
}
.z-\[100\]{
 z-index:100
}
.mx-auto{
 margin-left:auto;
 margin-right:auto
}
.mb-12{
 margin-bottom:3rem
}
.mb-16{
 margin-bottom:4rem
}
.mb-2{
 margin-bottom:0.5rem
}
.mb-4{
 margin-bottom:1rem
}
.mb-6{
 margin-bottom:1.5rem
}
.mb-8{
 margin-bottom:2rem
}
.ml-2{
 margin-left:0.5rem
}
.mr-2{
 margin-right:0.5rem
}
.mt-2{
 margin-top:0.5rem
}
.mt-4{
 margin-top:1rem
}
.mt-auto{
 margin-top:auto
}
.mb-3{
 margin-bottom:0.75rem
}
.inline-block{
 display:inline-block
}
.flex{
 display:flex
}
.inline-flex{
 display:inline-flex
}
.grid{
 display:grid
}
.hidden{
 display:none
}
.h-1\/2{
 height:50%
}
.h-10{
 height:2.5rem
}
.h-16{
 height:4rem
}
.h-20{
 height:5rem
}
.h-5{
 height:1.25rem
}
.h-6{
 height:1.5rem
}
.h-8{
 height:2rem
}
.h-full{
 height:100%
}
.h-px{
 height:1px
}
.h-12{
 height:3rem
}
.h-3{
 height:0.75rem
}
.max-h-screen{
 max-height:100vh
}
.min-h-\[200px\]{
 min-height:200px
}
.min-h-\[80px\]{
 min-height:80px
}
.min-h-screen{
 min-height:100vh
}
.w-1\/2{
 width:50%
}
.w-16{
 width:4rem
}
.w-20{
 width:5rem
}
.w-5{
 width:1.25rem
}
.w-6{
 width:1.5rem
}
.w-8{
 width:2rem
}
.w-full{
 width:100%
}
.w-12{
 width:3rem
}
.w-3{
 width:0.75rem
}
.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-\[800px\]{
 max-width:800px
}
.max-w-md{
 max-width:28rem
}
.flex-1{
 flex:1 1 0%
}
.flex-shrink-0{
 flex-shrink:0
}
.shrink-0{
 flex-shrink:0
}
.-translate-y-1\/2{
 --tw-translate-y:-50%;
 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-full{
 --tw-translate-y:-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))
}
.translate-x-1\/2{
 --tw-translate-x:50%;
 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))
}
.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%, 100%{
     transform:translateY(-25%);
     animation-timing-function:cubic-bezier(0.8,0,1,1)
 }
 50%{
     transform:none;
     animation-timing-function:cubic-bezier(0,0,0.2,1)
 }
}
.animate-bounce{
 animation:bounce 1s infinite
}
@keyframes pulse{
 50%{
     opacity:.5
 }
}
.animate-pulse{
 animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}
.grid-cols-1{
 grid-template-columns:repeat(1, minmax(0, 1fr))
}
.flex-col{
 flex-direction:column
}
.flex-col-reverse{
 flex-direction:column-reverse
}
.items-start{
 align-items:flex-start
}
.items-center{
 align-items:center
}
.justify-start{
 justify-content:flex-start
}
.justify-center{
 justify-content:center
}
.justify-between{
 justify-content:space-between
}
.gap-12{
 gap:3rem
}
.gap-2{
 gap:0.5rem
}
.gap-4{
 gap:1rem
}
.gap-6{
 gap:1.5rem
}
.gap-8{
 gap:2rem
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
 --tw-space-x-reverse:0;
 margin-right:calc(0.5rem * var(--tw-space-x-reverse));
 margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
 --tw-space-x-reverse:0;
 margin-right:calc(1rem * var(--tw-space-x-reverse));
 margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
 --tw-space-y-reverse:0;
 margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(0.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-hidden{
 overflow:hidden
}
.whitespace-nowrap{
 white-space:nowrap
}
.rounded-full{
 border-radius:9999px
}
.rounded-lg{
 border-radius:var(--radius)
}
.rounded-md{
 border-radius:calc(var(--radius) - 2px)
}
.border{
 border-width:1px
}
.border-2{
 border-width:2px
}
.border-\[\#8A2BE2\]{
 --tw-border-opacity:1;
 border-color:rgb(138 43 226 / var(--tw-border-opacity))
}
.border-gray-700{
 --tw-border-opacity:1;
 border-color:rgb(55 65 81 / var(--tw-border-opacity))
}
.bg-background{
 background-color:hsl(var(--background))
}
.bg-\[\#080010\]{
 --tw-bg-opacity:1;
 background-color:rgb(8 0 16 / var(--tw-bg-opacity))
}
.bg-\[\#8A2BE2\]{
 --tw-bg-opacity:1;
 background-color:rgb(138 43 226 / var(--tw-bg-opacity))
}
.bg-black{
 --tw-bg-opacity:1;
 background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}
.bg-black\/30{
 background-color:rgb(0 0 0 / 0.3)
}
.bg-purple-400{
 --tw-bg-opacity:1;
 background-color:rgb(192 132 252 / var(--tw-bg-opacity))
}
.bg-purple-600{
 --tw-bg-opacity:1;
 background-color:rgb(147 51 234 / var(--tw-bg-opacity))
}
.bg-transparent{
 background-color:transparent
}
.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))
}
.from-\[\#080010\]{
 --tw-gradient-from:#080010 var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(8 0 16 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#100025\]{
 --tw-gradient-from:#100025 var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(16 0 37 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#1A0B2E\]{
 --tw-gradient-from:#1A0B2E var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(26 11 46 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-black{
 --tw-gradient-from:#000 var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-\[\#080010\]{
 --tw-gradient-to:rgb(8 0 16 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), #080010 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-\[\#0C0020\]{
 --tw-gradient-to:rgb(12 0 32 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), #0C0020 var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-\[\#080010\]{
 --tw-gradient-to:#080010 var(--tw-gradient-to-position)
}
.to-\[\#0D0522\]{
 --tw-gradient-to:#0D0522 var(--tw-gradient-to-position)
}
.to-\[\#100025\]{
 --tw-gradient-to:#100025 var(--tw-gradient-to-position)
}
.to-\[\#100030\]{
 --tw-gradient-to:#100030 var(--tw-gradient-to-position)
}
.p-4{
 padding:1rem
}
.p-6{
 padding:1.5rem
}
.px-3{
 padding-left:0.75rem;
 padding-right:0.75rem
}
.px-4{
 padding-left:1rem;
 padding-right:1rem
}
.px-6{
 padding-left:1.5rem;
 padding-right:1.5rem
}
.px-8{
 padding-left:2rem;
 padding-right:2rem
}
.py-16{
 padding-top:4rem;
 padding-bottom:4rem
}
.py-2{
 padding-top:0.5rem;
 padding-bottom:0.5rem
}
.py-24{
 padding-top:6rem;
 padding-bottom:6rem
}
.py-3{
 padding-top:0.75rem;
 padding-bottom:0.75rem
}
.py-4{
 padding-top:1rem;
 padding-bottom:1rem
}
.py-8{
 padding-top:2rem;
 padding-bottom:2rem
}
.text-left{
 text-align:left
}
.text-center{
 text-align:center
}
.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-base{
 font-size:1rem;
 line-height:1.5rem
}
.text-lg{
 font-size:1.125rem;
 line-height:1.75rem
}
.text-sm{
 font-size:0.875rem;
 line-height:1.25rem
}
.text-xl{
 font-size:1.25rem;
 line-height:1.75rem
}
.font-bold{
 font-weight:725;

}
.font-medium{
 font-weight:500
}
.font-semibold{
 font-weight:600
}
.uppercase{
 text-transform:uppercase
}
.italic{
 font-style:italic
}
.tracking-tighter{
 letter-spacing:-0.05em
}
.tracking-wider{
 letter-spacing:0.05em
}
.text-\[\#8A2BE2\]{
 --tw-text-opacity:1;
 color:rgb(138 43 226 / var(--tw-text-opacity))
}
.text-card-foreground{
 color:hsl(var(--card-foreground))
}
.text-foreground{
 color:hsl(var(--foreground))
}
.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-white{
 --tw-text-opacity:1;
 color:rgb(255 255 255 / var(--tw-text-opacity))
}
.\!opacity-100{
 opacity:1 !important
}
.opacity-10{
 opacity:0.1
}
.opacity-5{
 opacity:0.05
}
.opacity-50{
 opacity:0.5
}
.opacity-75{
 opacity:0.75
}
.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);
 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 rgb(0 0 0 / 0.05);
 --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
 box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.ring-offset-background{
 --tw-ring-offset-color:hsl(var(--background))
}
.blur-3xl{
 --tw-blur:blur(64px);
 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)
}
.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-md{
 --tw-backdrop-blur:blur(12px);
 -webkit-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-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-opacity{
 transition-property:opacity;
 transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
 transition-duration:150ms
}
.transition-all{
 transition-property:all;
 transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
 transition-duration:150ms
}
.transition-colors{
 transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
 transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
 transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
 transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
 transition-duration:150ms
}
.transition-transform{
 transition-property:transform;
 transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
 transition-duration:150ms
}
.duration-300{
 transition-duration:300ms
}
.duration-150{
 transition-duration:150ms
}
@keyframes enter{
 from{
     opacity:var(--tw-enter-opacity, 1);
     transform:translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
 }
}
@keyframes exit{
 to{
     opacity:var(--tw-exit-opacity, 1);
     transform:translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
 }
}
.duration-300{
 animation-duration:300ms
}
.duration-150{
 animation-duration:150ms
}
@media (max-width: 640px) {
  .container{
     padding-left:1rem;
     padding-right:1rem
 }
}
.file\:border-0::file-selector-button{
 border-width:0px
}
.file\:bg-transparent::file-selector-button{
 background-color:transparent
}
.file\:text-sm::file-selector-button{
 font-size:0.875rem;
 line-height:1.25rem
}
.file\:font-medium::file-selector-button{
 font-weight:500
}
.file\:text-foreground::file-selector-button{
 color:hsl(var(--foreground))
}
.placeholder\:text-muted-foreground::placeholder{
 color:hsl(var(--muted-foreground))
}
.hover\:-translate-y-2:hover{
 --tw-translate-y:-0.5rem;
 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;
 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\:bg-\[\#7B1FA2\]:hover{
 --tw-bg-opacity:1;
 background-color:rgb(123 31 162 / var(--tw-bg-opacity))
}
.hover\:bg-\[\#8A2BE2\]:hover{
 --tw-bg-opacity:1;
 background-color:rgb(138 43 226 / var(--tw-bg-opacity))
}
.hover\:bg-accent:hover{
 background-color:hsl(var(--accent))
}
.hover\:text-\[\#8A2BE2\]:hover{
 --tw-text-opacity:1;
 color:rgb(138 43 226 / var(--tw-text-opacity))
}
.hover\:text-white:hover{
 --tw-text-opacity:1;
 color:rgb(255 255 255 / var(--tw-text-opacity))
}
.hover\:shadow-2xl:hover{
 --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
 --tw-shadow-colored:0 25px 50px -12px 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\:shadow-lg:hover{
 --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);
 box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:shadow-\[\#8A2BE2\]\/50:hover{
 --tw-shadow-color:rgb(138 43 226 / 0.5);
 --tw-shadow:var(--tw-shadow-colored)
}
.focus\:border-\[\#7B1FA2\]:focus{
 --tw-border-opacity:1;
 border-color:rgb(123 31 162 / var(--tw-border-opacity))
}
.focus-visible\:outline-none:focus-visible{
 outline:2px solid transparent;
 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\:pointer-events-none:disabled{
 pointer-events:none
}
.disabled\:cursor-not-allowed:disabled{
 cursor:not-allowed
}
.disabled\:opacity-50:disabled{
 opacity:0.5
}
.group:hover .group-hover\:translate-x-1{
 --tw-translate-x:0.25rem;
 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))
}
.group:hover .group-hover\:scale-110{
 --tw-scale-x:1.1;
 --tw-scale-y:1.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))
}
.group:hover .group-hover\:scale-150{
 --tw-scale-x:1.5;
 --tw-scale-y:1.5;
 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))
}
@media (min-width: 640px){
 .sm\:bottom-0{
     bottom:0px
 }
 .sm\:right-0{
     right:0px
 }
 .sm\:top-auto{
     top:auto
 }
 .sm\:flex-col{
     flex-direction:column
 }
 .sm\:px-8{
     padding-left:2rem;
     padding-right:2rem
 }
 .sm\:py-20{
     padding-top:5rem;
     padding-bottom:5rem
 }
 .sm\:py-32{
     padding-top:8rem;
     padding-bottom:8rem
 }
 .sm\:py-4{
     padding-top:1rem;
     padding-bottom:1rem
 }
 .sm\:text-2xl{
     font-size:1.5rem;
     line-height:2rem
 }
 .sm\:text-3xl{
     font-size:1.875rem;
     line-height:2.25rem
 }
 .sm\:text-4xl{
     font-size:2.25rem;
     line-height:2.5rem
 }
 .sm\:text-5xl{
     font-size:3rem;
     line-height:1
 }
 .sm\:text-lg{
     font-size:1.125rem;
     line-height:1.75rem
 }
 .sm\:text-xl{
     font-size:1.25rem;
     line-height:1.75rem
 }
}

.header-wrapper {
  display: none !important;
}

@media (min-width: 768px) {
  .header-wrapper {
      display: block !important;
  }
}

@media (min-width: 768px){
 .md\:block{
     display:block
 }
 .md\:flex{
     display:flex
 }
 .md\:hidden{
     display:none
 }
 .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\:flex-row{
     flex-direction:row
 }
 .md\:px-6{
     padding-left:1.5rem;
     padding-right:1.5rem
 }
 .md\:text-2xl{
     font-size:1.5rem;
     line-height:2rem
 }
 .md\:text-3xl{
     font-size:1.875rem;
     line-height:2.25rem
 }
 .md\:text-4xl{
     font-size:2.25rem;
     line-height:2.5rem
 }
 .md\:text-5xl{
     font-size:3rem;
     line-height:1
 }
 .md\:text-6xl{
     font-size:3.75rem;
     line-height:1
 }

}
@media (min-width: 1024px){
 .lg\:max-w-\[420px\]{
     max-width:420px
 }
 .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){
     --tw-space-x-reverse:0;
     margin-right:calc(1.5rem * var(--tw-space-x-reverse));
     margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
 .lg\:px-6{
     padding-left:1.5rem;
     padding-right:1.5rem
 }
 .lg\:py-3{
     padding-top:0.75rem;
     padding-bottom:0.75rem
 }
 .lg\:text-7xl{
     font-size:4.5rem;
     line-height:1
 }
 .lg\:text-base{
     font-size:1rem;
     line-height:1.5rem
 }
}
@media (min-width: 1280px){
 .xl\:text-8xl{
     font-size:6rem;
     line-height:1
 }
}
.\[\&_svg\]\:pointer-events-none svg{
 pointer-events:none
}
.\[\&_svg\]\:size-4 svg{
 width:1rem;
 height:1rem
}
.\[\&_svg\]\:shrink-0 svg{
 flex-shrink:0
}
