@layer properties{
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
        *,:before,:after,::backdrop{
            --tw-translate-x:0;
            --tw-translate-y:0;
            --tw-translate-z:0;
            --tw-scale-x:1;
            --tw-scale-y:1;
            --tw-scale-z:1;
            --tw-rotate-x:initial;
            --tw-rotate-y:initial;
            --tw-rotate-z:initial;
            --tw-skew-x:initial;
            --tw-skew-y:initial;
            --tw-space-y-reverse:0;
            --tw-space-x-reverse:0;
            --tw-border-style:solid;
            --tw-gradient-position:initial;
            --tw-gradient-from:#0000;
            --tw-gradient-via:#0000;
            --tw-gradient-to:#0000;
            --tw-gradient-stops:initial;
            --tw-gradient-via-stops:initial;
            --tw-gradient-from-position:0%;
            --tw-gradient-via-position:50%;
            --tw-gradient-to-position:100%;
            --tw-leading:initial;
            --tw-font-weight:initial;
            --tw-tracking:initial;
            --tw-shadow:0 0 #0000;
            --tw-shadow-color:initial;
            --tw-shadow-alpha:100%;
            --tw-inset-shadow:0 0 #0000;
            --tw-inset-shadow-color:initial;
            --tw-inset-shadow-alpha:100%;
            --tw-ring-color:initial;
            --tw-ring-shadow:0 0 #0000;
            --tw-inset-ring-color:initial;
            --tw-inset-ring-shadow:0 0 #0000;
            --tw-ring-inset:initial;
            --tw-ring-offset-width:0px;
            --tw-ring-offset-color:#fff;
            --tw-ring-offset-shadow:0 0 #0000;
            --tw-outline-style:solid;
            --tw-blur:initial;
            --tw-brightness:initial;
            --tw-contrast:initial;
            --tw-grayscale:initial;
            --tw-hue-rotate:initial;
            --tw-invert:initial;
            --tw-opacity:initial;
            --tw-saturate:initial;
            --tw-sepia:initial;
            --tw-drop-shadow:initial;
            --tw-drop-shadow-color:initial;
            --tw-drop-shadow-alpha:100%;
            --tw-drop-shadow-size:initial;
            --tw-backdrop-blur:initial;
            --tw-backdrop-brightness:initial;
            --tw-backdrop-contrast:initial;
            --tw-backdrop-grayscale:initial;
            --tw-backdrop-hue-rotate:initial;
            --tw-backdrop-invert:initial;
            --tw-backdrop-opacity:initial;
            --tw-backdrop-saturate:initial;
            --tw-backdrop-sepia:initial;
            --tw-duration:initial;
            --tw-ease:initial
        }
    }
}
@layer theme{
    :root,:host{
        --font-sans:"Inter-Tight",sans-serif;
        --font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
        --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-500:oklch(63.7% .237 25.331);
        --color-yellow-300:oklch(90.5% .182 98.111);
        --color-green-400:oklch(79.2% .209 151.711);
        --color-gray-50:oklch(98.5% .002 247.839);
        --color-gray-100:oklch(96.7% .003 264.542);
        --color-gray-200:oklch(92.8% .006 264.531);
        --color-gray-300:oklch(87.2% .01 258.338);
        --color-gray-400:oklch(70.7% .022 261.325);
        --color-gray-500:oklch(55.1% .027 264.364);
        --color-gray-600:oklch(44.6% .03 256.802);
        --color-gray-700:oklch(37.3% .034 259.733);
        --color-gray-800:oklch(27.8% .033 256.848);
        --color-gray-900:oklch(21% .034 264.665);
        --color-black:#222;
        --color-white:#fff;
        --spacing:.25rem;
        --container-xs:20rem;
        --container-sm:24rem;
        --container-md:28rem;
        --container-lg:32rem;
        --container-xl:36rem;
        --container-2xl:42rem;
        --container-3xl:48rem;
        --container-4xl:56rem;
        --container-5xl:64rem;
        --container-7xl:80rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1/.75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25/.875);
        --text-base:1rem;
        --text-base--line-height: 1.5 ;
        --text-lg:1.125rem;
        --text-lg--line-height:calc(1.75/1.125);
        --text-xl:1.25rem;
        --text-xl--line-height:calc(1.75/1.25);
        --text-2xl:1.5rem;
        --text-2xl--line-height:calc(2/1.5);
        --text-3xl:1.875rem;
        --text-3xl--line-height: 1.2 ;
        --text-4xl:2.25rem;
        --text-4xl--line-height:calc(2.5/2.25);
        --text-5xl:3rem;
        --text-5xl--line-height:1;
        --text-6xl:3.75rem;
        --text-6xl--line-height:1;
        --text-7xl:4.5rem;
        --text-7xl--line-height:1;
        --text-8xl:6rem;
        --text-8xl--line-height:1;
        --font-weight-light:300;
        --font-weight-normal:400;
        --font-weight-medium:500;
        --font-weight-semibold:600;
        --font-weight-bold:700;
        --tracking-tighter:-.05em;
        --tracking-tight:-.025em;
        --tracking-wide:.025em;
        --tracking-wider:.05em;
        --tracking-widest:.1em;
        --leading-tight:1.25;
        --leading-snug:1.375;
        --leading-normal:1.5;
        --leading-relaxed:1.625;
        --radius-md:.375rem;
        --radius-lg:.5rem;
        --radius-xl:.75rem;
        --radius-2xl:1rem;
        --radius-3xl:1.5rem;
        --radius-4xl:2rem;
        --drop-shadow-md:0 3px 3px #0000001f;
        --drop-shadow-lg:0 4px 4px #00000026;
        --drop-shadow-xl:0 9px 7px #0000001a;
        --drop-shadow-2xl:0 25px 25px #00000026;
        --ease-out:cubic-bezier(0,0,.2,1);
        --ease-in-out:cubic-bezier(.4,0,.2,1);
        --animate-bounce:bounce 1s infinite;
        --blur-xs:4px;
        --blur-sm:8px;
        --blur-md:12px;
        --blur-3xl:64px;
        --aspect-video:16/9;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
        --default-font-family:var(--font-sans);
        --default-mono-font-family:var(--font-mono);
        --color-dark-purple:#27213c;
        --color-platinum:#d5d7dd;
        --color-accent:#b8251f;
        --color-primary:var(--color-white);
        --color-secondary:var(--color-dark-purple);
        --color-muted:#f5f5f7;
        --color-red:#8b251f;
        --color-off-white:#f8f8f8;
        --color-error:#ff2548;
        --color-primary-hover:var(--color-off-white);
        --color-primary-foreground:var(--color-black);
        --color-secondary-hover:#312a49;
        --color-secondary-foreground:var(--color-white)
    }
}
@layer base{
    *,:after,:before,::backdrop{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::file-selector-button{
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    html,:host{
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }
    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;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
    b,strong{
        font-weight:bolder
    }
    code,kbd,samp,pre{
        font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }
    small{
        font-size:80%
    }
    sub,sup{
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }
    sub{
        bottom:-.25em
    }
    sup{
        top:-.5em
    }
    table{
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
    :-moz-focusring{
        outline:auto
    }
    progress{
        vertical-align:baseline
    }
    summary{
        display:list-item
    }
    ol,ul,menu{
        list-style:none
    }
    img,svg,video,canvas,audio,iframe,embed,object{
        vertical-align:middle;
        display:block
    }
    img,video{
        max-width:100%;
        height:auto
    }
    button,input,select,optgroup,textarea{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    ::file-selector-button{
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    :where(select:is([multiple],[size])) optgroup{
        font-weight:bolder
    }
    :where(select:is([multiple],[size])) optgroup option{
        padding-inline-start:20px
    }
    ::file-selector-button{
        margin-inline-end:4px
    }
    ::placeholder{
        opacity:1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
        ::placeholder{
            color:currentColor
        }
        @supports (color:color-mix(in lab,red,red)){
            ::placeholder{
                color:color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }
    textarea{
        resize:vertical
    }
    ::-webkit-search-decoration{
        -webkit-appearance:none
    }
    ::-webkit-date-and-time-value{
        min-height:1lh;
        text-align:inherit
    }
    ::-webkit-datetime-edit{
        display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper{
        padding:0
    }
    ::-webkit-datetime-edit{
        padding-block:0
    }
    ::-webkit-datetime-edit-year-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-month-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-day-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-hour-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-minute-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-second-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field{
        padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field{
        padding-block:0
    }
    ::-webkit-calendar-picker-indicator{
        line-height:1
    }
    :-moz-ui-invalid{
        box-shadow:none
    }
    button,input:where([type=button],[type=reset],[type=submit]){
        appearance:button
    }
    ::file-selector-button{
        appearance:button
    }
    ::-webkit-inner-spin-button{
        height:auto
    }
    ::-webkit-outer-spin-button{
        height:auto
    }
    [hidden]:where(:not([hidden=until-found])){
        display:none!important
    }
    body{
        background-color:var(--color-white);
        color:var(--color-black)
    }
}
@layer components;
@layer utilities{
    .pointer-events-auto{
        pointer-events:auto
    }
    .pointer-events-none{
        pointer-events:none
    }
    .absolute{
        position:absolute
    }
    .fixed{
        position:fixed
    }
    .relative{
        position:relative
    }
    .static{
        position:static
    }
    .sticky{
        position:sticky
    }
    .inset-0{
        inset:calc(var(--spacing)*0)
    }
    .inset-y-0{
        inset-block:calc(var(--spacing)*0)
    }
    .-top-10{
        top:calc(var(--spacing)*-10)
    }
    .top-0{
        top:calc(var(--spacing)*0)
    }
    .top-1\/2{
        top:50%
    }
    .top-2{
        top:calc(var(--spacing)*2)
    }
    .top-3{
        top:calc(var(--spacing)*3)
    }
    .top-4{
        top:calc(var(--spacing)*4)
    }
    .top-6{
        top:calc(var(--spacing)*6)
    }
    .top-8{
        top:calc(var(--spacing)*8)
    }
    .top-10{
        top:calc(var(--spacing)*10)
    }
    .top-\[30px\]{
        top:30px
    }
    .top-\[80px\]{
        top:0px
    }
    .-right-6{
        right:calc(var(--spacing)*-6)
    }
    .-right-8{
        right:calc(var(--spacing)*-8)
    }
    .-right-20{
        right:calc(var(--spacing)*-20)
    }
    .right-0{
        right:calc(var(--spacing)*0)
    }
    .right-1\.5{
        right:calc(var(--spacing)*1.5)
    }
    .right-2{
        right:calc(var(--spacing)*2)
    }
    .right-3{
        right:calc(var(--spacing)*3)
    }
    .right-4{
        right:calc(var(--spacing)*4)
    }
    .right-6{
        right:calc(var(--spacing)*6)
    }
    .right-10{
        right:calc(var(--spacing)*10)
    }
    .right-12{
        right:calc(var(--spacing)*12)
    }
    .right-\[20px\]{
        right:20px
    }
    .-bottom-6{
        bottom:calc(var(--spacing)*-6)
    }
    .-bottom-10{
        bottom:calc(var(--spacing)*-10)
    }
    .-bottom-20{
        bottom:calc(var(--spacing)*-20)
    }
    .bottom-0{
        bottom:calc(var(--spacing)*0)
    }
    .bottom-2{
        bottom:calc(var(--spacing)*2)
    }
    .bottom-3{
        bottom:calc(var(--spacing)*3)
    }
    .bottom-4{
        bottom:calc(var(--spacing)*4)
    }
    .bottom-6{
        bottom:calc(var(--spacing)*6)
    }
    .bottom-10{
        bottom:calc(var(--spacing)*10)
    }
    .bottom-12{
        bottom:calc(var(--spacing)*12)
    }
    .bottom-16{
        bottom:calc(var(--spacing)*16)
    }
    .-left-8{
        left:calc(var(--spacing)*-8)
    }
    .left-0{
        left:calc(var(--spacing)*0)
    }
    .left-1\/2{
        left:50%
    }
    .left-2{
        left:calc(var(--spacing)*2)
    }
    .left-3{
        left:calc(var(--spacing)*3)
    }
    .left-4{
        left:calc(var(--spacing)*4)
    }
    .left-6{
        left:calc(var(--spacing)*6)
    }
    .left-8{
        left:calc(var(--spacing)*8)
    }
    .left-\[15\%\]{
        left:15%
    }
    .left-\[20px\]{
        left:20px
    }
    .left-\[85\%\]{
        left:85%
    }
    .left-auto{
        left:auto
    }
    .-z-0{
        z-index:-0
    }
    .z-0{
        z-index:0
    }
    .z-10{
        z-index:10
    }
    .z-20{
        z-index:20
    }
    .z-30{
        z-index:30
    }
    .z-40{
        z-index:40
    }
    .z-50{
        z-index:50
    }
    .z-\[90\]{
        z-index:90
    }
    .z-\[100\]{
        z-index:100
    }
    .order-1{
        order:1
    }
    .order-2{
        order:2
    }
    .col-span-full\!{
        grid-column:1/-1!important
    }
    .container{
        width:100%
    }
    @media(min-width:40rem){
        .container{
            max-width:40rem
        }
    }
    @media(min-width:48rem){
        .container{
            max-width:48rem
        }
    }
    @media(min-width:64rem){
        .container{
            max-width:64rem
        }
    }
    @media(min-width:80rem){
        .container{
            max-width:80rem
        }
    }
    @media(min-width:96rem){
        .container{
            max-width:96rem
        }
    }
    .m-0{
        margin:calc(var(--spacing)*0)
    }
    .mx-1{
        margin-inline:calc(var(--spacing)*1)
    }
    .mx-2{
        margin-inline:calc(var(--spacing)*2)
    }
    .mx-4{
        margin-inline:calc(var(--spacing)*4)
    }
    .mx-\[10px\]{
        margin-inline:10px
    }
    .mx-auto{
        margin-inline:auto
    }
    .my-8{
        margin-block:calc(var(--spacing)*8)
    }
    .my-10{
        margin-block:calc(var(--spacing)*10)
    }
    .my-20{
        margin-block:calc(var(--spacing)*20)
    }
    .-mt-4{
        margin-top:calc(var(--spacing)*-4)
    }
    .-mt-8{
        margin-top:calc(var(--spacing)*-8)
    }
    .-mt-10{
        margin-top:calc(var(--spacing)*-10)
    }
    .-mt-\[30px\]{
        margin-top:-30px
    }
    .mt-0\.5{
        margin-top:calc(var(--spacing)*.5)
    }
    .mt-1{
        margin-top:calc(var(--spacing)*1)
    }
    .mt-1\.5{
        margin-top:calc(var(--spacing)*1.5)
    }
    .mt-2{
        margin-top:calc(var(--spacing)*2)
    }
    .mt-3{
        margin-top:calc(var(--spacing)*3)
    }
    .mt-4{
        margin-top:calc(var(--spacing)*4)
    }
    .mt-6{
        margin-top:calc(var(--spacing)*6)
    }
    .mt-8{
        margin-top:calc(var(--spacing)*8)
    }
    .mt-10{
        margin-top:calc(var(--spacing)*10)
    }
    .mt-12{
        margin-top:calc(var(--spacing)*12)
    }
    .mt-16{
        margin-top:calc(var(--spacing)*16)
    }
    .mt-24{
        margin-top:calc(var(--spacing)*24)
    }
    .mt-25{
        margin-top:calc(var(--spacing)*25)
    }
    .mt-auto{
        margin-top:auto
    }
    .mr-3{
        margin-right:calc(var(--spacing)*3)
    }
    .mr-4{
        margin-right:calc(var(--spacing)*4)
    }
    .mr-6{
        margin-right:calc(var(--spacing)*6)
    }
    .mb-0{
        margin-bottom:calc(var(--spacing)*0)
    }
    .mb-0\!{
        margin-bottom:calc(var(--spacing)*0)!important
    }
    .mb-0\.5{
        margin-bottom:calc(var(--spacing)*.5)
    }
    .mb-1{
        margin-bottom:calc(var(--spacing)*1)
    }
    .mb-2{
        margin-bottom:calc(var(--spacing)*2)
    }
    .mb-3{
        margin-bottom:calc(var(--spacing)*3)
    }
    .mb-4{
        margin-bottom:calc(var(--spacing)*4)
    }
    .mb-6{
        margin-bottom:calc(var(--spacing)*6)
    }
    .mb-8{
        margin-bottom:calc(var(--spacing)*8)
    }
    .mb-10{
        margin-bottom:calc(var(--spacing)*10)
    }
    .mb-12{
        margin-bottom:calc(var(--spacing)*12)
    }
    .mb-16{
        margin-bottom:calc(var(--spacing)*16)
    }
    .mb-20{
        margin-bottom:calc(var(--spacing)*20)
    }
    .mb-24{
        margin-bottom:calc(var(--spacing)*24)
    }
    .mb-32{
        margin-bottom:calc(var(--spacing)*32)
    }
    .mb-auto{
        margin-bottom:auto
    }
    .ml-1{
        margin-left:calc(var(--spacing)*1)
    }
    .ml-2{
        margin-left:calc(var(--spacing)*2)
    }
    .ml-3{
        margin-left:calc(var(--spacing)*3)
    }
    .ml-6{
        margin-left:calc(var(--spacing)*6)
    }
    .ml-auto{
        margin-left:auto
    }
    .line-clamp-1{
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        display:-webkit-box;
        overflow:hidden
    }
    .no-scrollbar{
        scrollbar-width:none
    }
    .no-scrollbar::-webkit-scrollbar{
        display:none
    }
    .block{
        display:block
    }
    .flex{
        display:flex
    }
    .grid{
        display:grid
    }
    .hidden{
        display:none
    }
    .hidden\!{
        display:none!important
    }
    .inline{
        display:inline
    }
    .inline-block{
        display:inline-block
    }
    .inline-flex{
        display:inline-flex
    }
    .aspect-103\/20{
        aspect-ratio:103/20
    }
    .aspect-\[3\/4\]{
        aspect-ratio:4/4
    }
    .aspect-\[4\/3\]{
        aspect-ratio:4/3
    }
    .aspect-\[4\/5\]{
        aspect-ratio:4/5
    }
    .aspect-\[16\/9\]{
        aspect-ratio:16/9
    }
    .aspect-square{
        aspect-ratio:1
    }
    .size-8{
        width:calc(var(--spacing)*8);
        height:calc(var(--spacing)*8)
    }
    .size-9\.5{
        width:calc(var(--spacing)*9.5);
        height:calc(var(--spacing)*9.5)
    }
    .size-full{
        width:100%;
        height:100%
    }
    .h-0\.5{
        height:calc(var(--spacing)*.5)
    }
    .h-1{
        height:calc(var(--spacing)*1)
    }
    .h-1\.5{
        height:calc(var(--spacing)*1.5)
    }
    .h-1\/3{
        height:33.3333%
    }
    .h-2{
        height:calc(var(--spacing)*2)
    }
    .h-2\.5{
        height:calc(var(--spacing)*2.5)
    }
    .h-3{
        height:calc(var(--spacing)*3)
    }
    .h-3\.5{
        height:calc(var(--spacing)*3.5)
    }
    .h-4{
        height:calc(var(--spacing)*4)
    }
    .h-5{
        height:calc(var(--spacing)*5)
    }
    .h-6{
        height:calc(var(--spacing)*6)
    }
    .h-7{
        height:calc(var(--spacing)*7)
    }
    .h-8{
        height:calc(var(--spacing)*8)
    }
    .h-9{
        height:calc(var(--spacing)*9)
    }
    .h-9\.5{
        height:calc(var(--spacing)*9.5)
    }
    .h-10{
        height:calc(var(--spacing)*10)
    }
    .h-11{
        height:calc(var(--spacing)*11)
    }
    .h-11\.5{
        height:calc(var(--spacing)*11.5)
    }
    .h-12{
        height:calc(var(--spacing)*12)
    }
    .h-14{
        height:calc(var(--spacing)*14)
    }
    .h-16{
        height:calc(var(--spacing)*16)
    }
    .h-20{
        height:calc(var(--spacing)*20)
    }
    .h-24{
        height:calc(var(--spacing)*24)
    }
    .h-32{
        height:calc(var(--spacing)*32)
    }
    .h-64{
        height:calc(var(--spacing)*64)
    }
    .h-\[85vh\]{
        height:85vh
    }
    .h-\[120\%\]{
        height:120%
    }
    .h-\[150\%\]{
        height:150%
    }
    .h-\[200px\]{
        height:200px
    }
    .h-\[380px\]{
        height:380px
    }
    .h-\[450px\]{
        height:450px
    }
    .h-\[500px\]{
        height:500px
    }
    .h-\[800px\]{
        height:800px
    }
    .h-auto{
        height:auto
    }
    .h-fit{
        height:fit-content
    }
    .h-full{
        height:100%
    }
    .h-px{
        height:1px
    }
    .h-screen{
        height:100vh
    }
    .max-h-0{
        max-height:calc(var(--spacing)*0)
    }
    .max-h-40{
        max-height:calc(var(--spacing)*40)
    }
    .max-h-\[40vh\]{
        max-height:40vh
    }
    .max-h-\[90vh\]{
        max-height:90vh
    }
    .max-h-\[200px\]{
        max-height:200px
    }
    .max-h-\[500px\]{
        max-height:500px
    }
    .max-h-\[700px\]{
        max-height:700px
    }
    .max-h-\[1000px\]{
        max-height:1000px
    }
    .min-h-40{
        min-height:calc(var(--spacing)*40)
    }
    .min-h-\[40px\]{
        min-height:40px
    }
    .min-h-\[60vh\]{
        min-height:60vh
    }
    .min-h-\[80vh\]{
        min-height:80vh
    }
    .min-h-\[202px\]{
        min-height:202px
    }
    .min-h-\[300px\]{
        min-height:300px
    }
    .min-h-\[360px\]{
        min-height:360px
    }
    .min-h-\[400px\]{
        min-height:400px
    }
    .min-h-\[500px\]{
        min-height:500px
    }
    .min-h-\[520px\]{
        min-height:520px
    }
    .min-h-\[600px\]{
        min-height:600px
    }
    .min-h-\[700px\]{
        min-height:700px
    }
    .min-h-\[800px\]{
        min-height:800px
    }
    .min-h-screen{
        min-height:100vh
    }
    .w-0{
        width:calc(var(--spacing)*0)
    }
    .w-0\.5{
        width:calc(var(--spacing)*.5)
    }
    .w-1{
        width:calc(var(--spacing)*1)
    }
    .w-1\.5{
        width:calc(var(--spacing)*1.5)
    }
    .w-1\/2{
        width:50%
    }
    .w-1\/3{
        width:33.3333%
    }
    .w-2{
        width:calc(var(--spacing)*2)
    }
    .w-2\.5{
        width:calc(var(--spacing)*2.5)
    }
    .w-3{
        width:calc(var(--spacing)*3)
    }
    .w-3\.5{
        width:calc(var(--spacing)*3.5)
    }
    .w-3\/4{
        width:75%
    }
    .w-4{
        width:calc(var(--spacing)*4)
    }
    .w-5{
        width:calc(var(--spacing)*5)
    }
    .w-5\/6{
        width:83.3333%
    }
    .w-6{
        width:calc(var(--spacing)*6)
    }
    .w-7{
        width:calc(var(--spacing)*7)
    }
    .w-8{
        width:calc(var(--spacing)*8)
    }
    .w-9{
        width:calc(var(--spacing)*9)
    }
    .w-10{
        width:calc(var(--spacing)*10)
    }
    .w-12{
        width:calc(var(--spacing)*12)
    }
    .w-14{
        width:calc(var(--spacing)*14)
    }
    .w-16{
        width:calc(var(--spacing)*16)
    }
    .w-20{
        width:calc(var(--spacing)*20)
    }
    .w-24{
        width:calc(var(--spacing)*24)
    }
    .w-32{
        width:calc(var(--spacing)*32)
    }
    .w-64{
        width:calc(var(--spacing)*64)
    }
    .w-80{
        width:calc(var(--spacing)*80)
    }
    .w-\[52px\]{
        width:52px
    }
    .w-\[70vw\]{
        width:70vw
    }
    .w-\[95\%\]{
        width:95%
    }
    .w-\[120\%\]{
        width:120%
    }
    .w-\[140px\]{
        width:140px
    }
    .w-\[150\%\]{
        width:150%
    }
    .w-\[800px\]{
        width:800px
    }
    .w-auto{
        width:auto
    }
    .w-fit{
        width:fit-content
    }
    .w-full{
        width:100%
    }
    .w-px{
        width:1px
    }
    .max-w-2xl{
        max-width:var(--container-2xl)
    }
    .max-w-3xl{
        max-width:var(--container-3xl)
    }
    .max-w-4xl{
        max-width:var(--container-4xl)
    }
    .max-w-5xl{
        max-width:var(--container-5xl)
    }
    .max-w-7xl{
        max-width:var(--container-7xl)
    }
    .max-w-\[85\%\]{
        max-width:85%
    }
    .max-w-\[200px\]{
        max-width:200px
    }
    .max-w-\[300px\]{
        max-width:300px
    }
    .max-w-\[600px\]{
        max-width:600px
    }
    .max-w-\[1000px\]{
        max-width:1000px
    }
    .max-w-\[1400px\]{
        max-width:1400px
    }
    .max-w-lg{
        max-width:var(--container-lg)
    }
    .max-w-md{
        max-width:var(--container-md)
    }
    .max-w-sm{
        max-width:var(--container-sm)
    }
    .max-w-xl{
        max-width:var(--container-xl)
    }
    .max-w-xs{
        max-width:var(--container-xs)
    }
    .min-w-\[140px\]{
        min-width:140px
    }
    .min-w-\[160px\]{
        min-width:160px
    }
    .min-w-\[200px\]{
        min-width:200px
    }
    .min-w-\[280px\]{
        min-width:280px
    }
    .flex-1{
        flex:1
    }
    .flex-shrink-0,.shrink-0{
        flex-shrink:0
    }
    .grow{
        flex-grow:1
    }
    .origin-left{
        transform-origin:0
    }
    .-translate-x-1\/2{
        --tw-translate-x: -50% ;
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-x-12{
        --tw-translate-x:calc(var(--spacing)*-12);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-0{
        --tw-translate-x:calc(var(--spacing)*0);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-1\/3{
        --tw-translate-x:calc(1/3*100%);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-12{
        --tw-translate-x:calc(var(--spacing)*12);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-\[800px\]{
        --tw-translate-x:800px;
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-full{
        --tw-translate-x:100%;
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-1\/2{
        --tw-translate-y: -50% ;
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-8{
        --tw-translate-y:calc(var(--spacing)*-8);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-0{
        --tw-translate-y:calc(var(--spacing)*0);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-1\/2{
        --tw-translate-y: 50% ;
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-8{
        --tw-translate-y:calc(var(--spacing)*8);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .scale-50{
        --tw-scale-x:50%;
        --tw-scale-y:50%;
        --tw-scale-z:50%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-85{
        --tw-scale-x:85%;
        --tw-scale-y:85%;
        --tw-scale-z:85%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-90{
        --tw-scale-x:90%;
        --tw-scale-y:90%;
        --tw-scale-z:90%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-100{
        --tw-scale-x:100%;
        --tw-scale-y:100%;
        --tw-scale-z:100%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-105{
        --tw-scale-x:105%;
        --tw-scale-y:105%;
        --tw-scale-z:105%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-150{
        --tw-scale-x:150%;
        --tw-scale-y:150%;
        --tw-scale-z:150%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-x-\[-1\]{
        --tw-scale-x:-1;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-\[0\.65\]{
        scale:.65
    }
    .-rotate-3{
        rotate:-3deg
    }
    .-rotate-12{
        rotate:-12deg
    }
    .-rotate-45{
        rotate:-45deg
    }
    .rotate-3{
        rotate:3deg
    }
    .rotate-45{
        rotate:45deg
    }
    .rotate-90{
        rotate:90deg
    }
    .transform{
        transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }
    .animate-bounce{
        animation:var(--animate-bounce)
    }
    .cursor-not-allowed{
        cursor:not-allowed
    }
    .cursor-pointer{
        cursor:pointer
    }
    .resize{
        resize:both
    }
    .resize-none{
        resize:none
    }
    .scroll-mt-32{
        scroll-margin-top:calc(var(--spacing)*32)
    }
    .list-disc{
        list-style-type:disc
    }
    .appearance-none{
        appearance:none
    }
    .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))
    }
    .grid-rows-\[0fr\]{
        grid-template-rows:0fr
    }
    .grid-rows-\[1fr\]{
        grid-template-rows:1fr
    }
    .flex-col{
        flex-direction:column
    }
    .flex-col-reverse{
        flex-direction:column-reverse
    }
    .flex-row-reverse{
        flex-direction:row-reverse
    }
    .flex-wrap{
        flex-wrap:wrap
    }
    .items-baseline{
        align-items:baseline
    }
    .items-center{
        align-items:center
    }
    .items-end{
        align-items:flex-end
    }
    .items-start{
        align-items:flex-start
    }
    .justify-between{
        justify-content:space-between
    }
    .justify-center{
        justify-content:center
    }
    .justify-end{
        justify-content:flex-end
    }
    .justify-start{
        justify-content:flex-start
    }
    .gap-1{
        gap:calc(var(--spacing)*1)
    }
    .gap-1\.5{
        gap:calc(var(--spacing)*1.5)
    }
    .gap-2{
        gap:calc(var(--spacing)*2)
    }
    .gap-2\.5{
        gap:calc(var(--spacing)*2.5)
    }
    .gap-3{
        gap:calc(var(--spacing)*3)
    }
    .gap-4{
        gap:calc(var(--spacing)*4)
    }
    .gap-6{
        gap:calc(var(--spacing)*6)
    }
    .gap-8{
        gap:calc(var(--spacing)*8)
    }
    .gap-10{
        gap:calc(var(--spacing)*10)
    }
    .gap-12{
        gap:calc(var(--spacing)*12)
    }
    .gap-16{
        gap:calc(var(--spacing)*16)
    }
    .gap-20{
        gap:calc(var(--spacing)*20)
    }
    .gap-24{
        gap:calc(var(--spacing)*24)
    }
    :where(.space-y-1>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-2>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-3>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-4>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-5>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-6>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-8>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-9>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*9)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*9)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-10>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-12>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-16>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-32>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*32)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*32)*calc(1 - var(--tw-space-y-reverse)))
    }
    :where(.space-y-40>:not(:last-child)){
        --tw-space-y-reverse:0;
        margin-block-start:calc(calc(var(--spacing)*40)*var(--tw-space-y-reverse));
        margin-block-end:calc(calc(var(--spacing)*40)*calc(1 - var(--tw-space-y-reverse)))
    }
    .gap-x-6{
        column-gap:calc(var(--spacing)*6)
    }
    .gap-x-8{
        column-gap:calc(var(--spacing)*8)
    }
    .gap-x-12{
        column-gap:calc(var(--spacing)*12)
    }
    :where(.-space-x-3>:not(:last-child)){
        --tw-space-x-reverse:0;
        margin-inline-start:calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));
        margin-inline-end:calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))
    }
    :where(.space-x-2>:not(:last-child)){
        --tw-space-x-reverse:0;
        margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }
    .gap-y-8{
        row-gap:calc(var(--spacing)*8)
    }
    .gap-y-12{
        row-gap:calc(var(--spacing)*12)
    }
    .overflow-hidden{
        overflow:hidden
    }
    .overflow-visible{
        overflow:visible
    }
    .overflow-x-auto{
        overflow-x:auto
    }
    .overflow-x-hidden{
        overflow-x:hidden
    }
    .overflow-y-auto{
        overflow-y:auto
    }
    .rounded{
        border-radius:.25rem
    }
    .rounded-2xl{
        border-radius:var(--radius-2xl)
    }
    .rounded-3xl{
        border-radius:var(--radius-3xl)
    }
    .rounded-4xl{
        border-radius:var(--radius-4xl)
    }
    .rounded-\[10px\]{
        border-radius:10px
    }
    .rounded-\[12px\]{
        border-radius:12px
    }
    .rounded-\[20px\]{
        border-radius:20px
    }
    .rounded-\[24px\]{
        border-radius:24px
    }
    .rounded-\[30px\]{
        border-radius:30px
    }
    .rounded-\[32px\]{
        border-radius:32px
    }
    .rounded-\[40px\]{
        border-radius:40px
    }
    .rounded-\[60px\]{
        border-radius:60px
    }
    .rounded-full{
        border-radius:3.40282e38px
    }
    .rounded-lg{
        border-radius:var(--radius-lg)
    }
    .rounded-md{
        border-radius:var(--radius-md)
    }
    .rounded-xl{
        border-radius:var(--radius-xl)
    }
    .rounded-t-\[20px\]{
        border-top-left-radius:20px;
        border-top-right-radius:20px
    }
    .rounded-l-none{
        border-top-left-radius:0;
        border-bottom-left-radius:0
    }
    .rounded-tl-lg{
        border-top-left-radius:var(--radius-lg)
    }
    .rounded-tl-none{
        border-top-left-radius:0
    }
    .rounded-r-2xl{
        border-top-right-radius:var(--radius-2xl);
        border-bottom-right-radius:var(--radius-2xl)
    }
    .rounded-r-none{
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .rounded-tr-none{
        border-top-right-radius:0
    }
    .rounded-b-\[30px\]{
        border-bottom-right-radius:30px;
        border-bottom-left-radius:30px
    }
    .rounded-b-\[40px\]{
        border-bottom-right-radius:40px;
        border-bottom-left-radius:40px
    }
    .rounded-b-none{
        border-bottom-right-radius:0;
        border-bottom-left-radius:0
    }
    .rounded-bl-2xl{
        border-bottom-left-radius:var(--radius-2xl)
    }
    .border{
        border-style:var(--tw-border-style);
        border-width:1px
    }
    .border-2{
        border-style:var(--tw-border-style);
        border-width:2px
    }
    .border-4{
        border-style:var(--tw-border-style);
        border-width:4px
    }
    .border-\[1px\]{
        border-style:var(--tw-border-style);
        border-width:1px
    }
    .border-\[8px\]{
        border-style:var(--tw-border-style);
        border-width:8px
    }
    .border-t{
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
    .border-r{
        border-right-style:var(--tw-border-style);
        border-right-width:1px
    }
    .border-r-0{
        border-right-style:var(--tw-border-style);
        border-right-width:0
    }
    .border-b{
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }
    .border-l{
        border-left-style:var(--tw-border-style);
        border-left-width:1px
    }
    .border-l-4,.border-l-\[4px\]{
        border-left-style:var(--tw-border-style);
        border-left-width:4px
    }
    .border-l-\[6px\]{
        border-left-style:var(--tw-border-style);
        border-left-width:6px
    }
    .border-dashed{
        --tw-border-style:dashed;
        border-style:dashed
    }
    .border-none{
        --tw-border-style:none;
        border-style:none
    }
    .border-\[\#2A2438\]{
        border-color:#2a2438
    }
    .border-\[\#8B3A3A\]{
        border-color:#8b3a3a
    }
    .border-\[\#27213C\]{
        border-color:#27213c
    }
    .border-\[\#B8251F\]{
        border-color:#b8251f
    }
    .border-\[\#B8251F\]\/20{
        border-color:#b8251f33
    }
    .border-black\/50{
        border-color:#22222280
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-black\/50{
            border-color:color-mix(in oklab,var(--color-black)50%,transparent)
        }
    }
    .border-dark-purple{
        border-color:var(--color-dark-purple)
    }
    .border-gray-50{
        border-color:var(--color-gray-50)
    }
    .border-gray-100{
        border-color:var(--color-gray-100)
    }
    .border-gray-200{
        border-color:var(--color-gray-200)
    }
    .border-gray-300{
        border-color:var(--color-gray-300)
    }
    .border-gray-700{
        border-color:var(--color-gray-700)
    }
    .border-gray-800{
        border-color:var(--color-gray-800)
    }
    .border-platinum{
        border-color:var(--color-platinum)
    }
    .border-platinum\/20{
        border-color:#d5d7dd33
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-platinum\/20{
            border-color:color-mix(in oklab,var(--color-platinum)20%,transparent)
        }
    }
    .border-platinum\/30{
        border-color:#d5d7dd4d
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-platinum\/30{
            border-color:color-mix(in oklab,var(--color-platinum)30%,transparent)
        }
    }
    .border-platinum\/50{
        border-color:#d5d7dd80
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-platinum\/50{
            border-color:color-mix(in oklab,var(--color-platinum)50%,transparent)
        }
    }
    .border-platinum\/60{
        border-color:#d5d7dd99
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-platinum\/60{
            border-color:color-mix(in oklab,var(--color-platinum)60%,transparent)
        }
    }
    .border-red{
        border-color:var(--color-red)
    }
    .border-red\/20{
        border-color:#8b251f33
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-red\/20{
            border-color:color-mix(in oklab,var(--color-red)20%,transparent)
        }
    }
    .border-secondary{
        border-color:var(--color-secondary)
    }
    .border-transparent{
        border-color:#0000
    }
    .border-white{
        border-color:var(--color-white)
    }
    .border-white\/10{
        border-color:#ffffff1a
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-white\/10{
            border-color:color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }
    .border-white\/20{
        border-color:#fff3
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-white\/20{
            border-color:color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }
    .border-white\/30{
        border-color:#ffffff4d
    }
    @supports (color:color-mix(in lab,red,red)){
        .border-white\/30{
            border-color:color-mix(in oklab,var(--color-white)30%,transparent)
        }
    }
    .bg-\[\#1E1E2F\]{
        background-color:#1e1e2f
    }
    .bg-\[\#2A2A48\]{
        background-color:#2a2a48
    }
    .bg-\[\#2A2438\]{
        background-color:#2a2438
    }
    .bg-\[\#2D2438\]{
        background-color:#2d2438
    }
    .bg-\[\#2E2A3F\]{
        background-color:#2e2a3f
    }
    .bg-\[\#2F215C\]{
        background-color:#2f215c
    }
    .bg-\[\#8B3A3A\]{
        background-color:#8b3a3a
    }
    .bg-\[\#8B5A3A\]{
        background-color:#8b5a3a
    }
    .bg-\[\#8B251F\]{
        background-color:#8b251f
    }
    .bg-\[\#8B4513\]{
        background-color:#8b4513
    }
    .bg-\[\#9CAB8C\]{
        background-color:#9cab8c
    }
    .bg-\[\#00000014\]{
        background-color:#00000014
    }
    .bg-\[\#94B0A7\]{
        background-color:#94b0a7
    }
    .bg-\[\#982B2B\]{
        background-color:#982b2b
    }
    .bg-\[\#27213C\]{
        background-color:#27213c
    }
    .bg-\[\#27213C\]\/5{
        background-color:#27213c0d
    }
    .bg-\[\#131022\]{
        background-color:#131022
    }
    .bg-\[\#A31D24\]{
        background-color:#a31d24
    }
    .bg-\[\#A63C34\]{
        background-color:#a63c34
    }
    .bg-\[\#B8251F\]{
        background-color:#b8251f
    }
    .bg-\[\#B8251F\]\/5{
        background-color:#b8251f0d
    }
    .bg-\[\#DED7E6\]{
        background-color:#ded7e6
    }
    .bg-\[\#F2F2F2\]{
        background-color:#f2f2f2
    }
    .bg-\[\#F3F4F6\]{
        background-color:#f3f4f6
    }
    .bg-\[\#F5F5F7\]{
        background-color:#f5f5f7
    }
    .bg-\[\#F8F8F8\]{
        background-color:#f8f8f8
    }
    .bg-\[\#F9F9F9\]{
        background-color:#f9f9f9
    }
    .bg-\[\#F9FAFB\]{
        background-color:#f9fafb
    }
    .bg-\[\#FAFAFA\]{
        background-color:#fafafa
    }
    .bg-black{
        background-color:var(--color-black)
    }
    .bg-black\/10{
        background-color:#2222221a
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-black\/10{
            background-color:color-mix(in oklab,var(--color-black)10%,transparent)
        }
    }
    .bg-black\/20{
        background-color:#2223
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-black\/20{
            background-color:color-mix(in oklab,var(--color-black)20%,transparent)
        }
    }
    .bg-black\/30{
        background-color:#2222224d
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-black\/30{
            background-color:color-mix(in oklab,var(--color-black)30%,transparent)
        }
    }
    .bg-black\/40{
        background-color:#2226
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-black\/40{
            background-color:color-mix(in oklab,var(--color-black)40%,transparent)
        }
    }
    .bg-black\/50{
        background-color:#22222280
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-black\/50{
            background-color:color-mix(in oklab,var(--color-black)50%,transparent)
        }
    }
    .bg-black\/60{
        background-color:#2229
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-black\/60{
            background-color:color-mix(in oklab,var(--color-black)60%,transparent)
        }
    }
    .bg-black\/90{
        background-color:#222222e6
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-black\/90{
            background-color:color-mix(in oklab,var(--color-black)90%,transparent)
        }
    }
    .bg-dark-purple{
        background-color:var(--color-dark-purple)
    }
    .bg-gray-50{
        background-color:var(--color-gray-50)
    }
    .bg-gray-100{
        background-color:var(--color-gray-100)
    }
    .bg-gray-200{
        background-color:var(--color-gray-200)
    }
    .bg-gray-300{
        background-color:var(--color-gray-300)
    }
    .bg-gray-500{
        background-color:var(--color-gray-500)
    }
    .bg-gray-500\/60{
        background-color:#6a728299
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-gray-500\/60{
            background-color:color-mix(in oklab,var(--color-gray-500)60%,transparent)
        }
    }
    .bg-gray-900{
        background-color:var(--color-gray-900)
    }
    .bg-muted{
        background-color:var(--color-muted)
    }
    .bg-off-white{
        background-color:var(--color-off-white)
    }
    .bg-off-white\/30{
        background-color:#f8f8f84d
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-off-white\/30{
            background-color:color-mix(in oklab,var(--color-off-white)30%,transparent)
        }
    }
    .bg-platinum{
        background-color:var(--color-platinum)
    }
    .bg-platinum\/30{
        background-color:#d5d7dd4d
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-platinum\/30{
            background-color:color-mix(in oklab,var(--color-platinum)30%,transparent)
        }
    }
    .bg-platinum\/50{
        background-color:#d5d7dd80
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-platinum\/50{
            background-color:color-mix(in oklab,var(--color-platinum)50%,transparent)
        }
    }
    .bg-primary{
        background-color:var(--color-primary)
    }
    .bg-red{
        background-color:var(--color-red)
    }
    .bg-red\/10{
        background-color:#8b251f1a
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-red\/10{
            background-color:color-mix(in oklab,var(--color-red)10%,transparent)
        }
    }
    .bg-secondary{
        background-color:var(--color-secondary)
    }
    .bg-transparent{
        background-color:#0000
    }
    .bg-white{
        background-color:var(--color-white)
    }
    .bg-white\/10{
        background-color:#ffffff1a
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/10{
            background-color:color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }
    .bg-white\/20{
        background-color:#fff3
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/20{
            background-color:color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }
    .bg-white\/30{
        background-color:#ffffff4d
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/30{
            background-color:color-mix(in oklab,var(--color-white)30%,transparent)
        }
    }
    .bg-white\/40{
        background-color:#fff6
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/40{
            background-color:color-mix(in oklab,var(--color-white)40%,transparent)
        }
    }
    .bg-white\/60{
        background-color:#fff9
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/60{
            background-color:color-mix(in oklab,var(--color-white)60%,transparent)
        }
    }
    .bg-white\/80{
        background-color:#fffc
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/80{
            background-color:color-mix(in oklab,var(--color-white)80%,transparent)
        }
    }
    .bg-white\/85{
        background-color:#ffffffd9
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/85{
            background-color:color-mix(in oklab,var(--color-white)85%,transparent)
        }
    }
    .bg-white\/90{
        background-color:#ffffffe6
    }
    @supports (color:color-mix(in lab,red,red)){
        .bg-white\/90{
            background-color:color-mix(in oklab,var(--color-white)90%,transparent)
        }
    }
    .bg-linear-to-r{
        --tw-gradient-position:to right
    }
    @supports (background-image:linear-gradient(in lab,red,red)){
        .bg-linear-to-r{
            --tw-gradient-position:to right in oklab
        }
    }
    .bg-linear-to-r{
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-linear-to-t{
        --tw-gradient-position:to top
    }
    @supports (background-image:linear-gradient(in lab,red,red)){
        .bg-linear-to-t{
            --tw-gradient-position:to top in oklab
        }
    }
    .bg-linear-to-t{
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-b{
        --tw-gradient-position:to bottom in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-br{
        --tw-gradient-position:to bottom right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-r{
        --tw-gradient-position:to right in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-t{
        --tw-gradient-position:to top in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .from-\[\#2A2A48\]{
        --tw-gradient-from:#2a2a48;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-\[\#131022\]\/90{
        --tw-gradient-from:oklab(18.6958% .0124135 -.0339191/.9);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-\[\#EEDCCB\]\/20{
        --tw-gradient-from:oklab(90.4505% .0124027 .027621/.2);
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-black\/70{
        --tw-gradient-from:#222222b3
    }
    @supports (color:color-mix(in lab,red,red)){
        .from-black\/70{
            --tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)
        }
    }
    .from-black\/70{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-black\/80{
        --tw-gradient-from:#222c
    }
    @supports (color:color-mix(in lab,red,red)){
        .from-black\/80{
            --tw-gradient-from:color-mix(in oklab,var(--color-black)80%,transparent)
        }
    }
    .from-black\/80{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-secondary\/90{
        --tw-gradient-from:#27213ce6
    }
    @supports (color:color-mix(in lab,red,red)){
        .from-secondary\/90{
            --tw-gradient-from:color-mix(in oklab,var(--color-secondary)90%,transparent)
        }
    }
    .from-secondary\/90{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-transparent{
        --tw-gradient-from:transparent;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .from-white\/5{
        --tw-gradient-from:#ffffff0d
    }
    @supports (color:color-mix(in lab,red,red)){
        .from-white\/5{
            --tw-gradient-from:color-mix(in oklab,var(--color-white)5%,transparent)
        }
    }
    .from-white\/5{
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .via-\[\#1E1E2F\]\/60{
        --tw-gradient-via:oklab(24.3451% .00765915 -.031304/.6);
        --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-\[\#131022\]\/40{
        --tw-gradient-via:oklab(18.6958% .0124135 -.0339191/.4);
        --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-black\/40{
        --tw-gradient-via:#2226
    }
    @supports (color:color-mix(in lab,red,red)){
        .via-black\/40{
            --tw-gradient-via:color-mix(in oklab,var(--color-black)40%,transparent)
        }
    }
    .via-black\/40{
        --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-secondary\/20{
        --tw-gradient-via:#27213c33
    }
    @supports (color:color-mix(in lab,red,red)){
        .via-secondary\/20{
            --tw-gradient-via:color-mix(in oklab,var(--color-secondary)20%,transparent)
        }
    }
    .via-secondary\/20{
        --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .via-transparent{
        --tw-gradient-via:transparent;
        --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-via-stops)
    }
    .to-\[\#1E1E2F\]{
        --tw-gradient-to:#1e1e2f;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-transparent{
        --tw-gradient-to:transparent;
        --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .box-decoration-clone{
        -webkit-box-decoration-break:clone;
        box-decoration-break:clone
    }
    .bg-cover{
        background-size:cover
    }
    .bg-center{
        background-position:50%
    }
    .fill-current{
        fill:currentColor
    }
    .fill-secondary{
        fill:var(--color-secondary)
    }
    .fill-transparent{
        fill:#0000
    }
    .fill-white{
        fill:var(--color-white)
    }
    .stroke-\[2\.5\]{
        stroke-width:2.5px
    }
    .stroke-\[3\]{
        stroke-width:3px
    }
    .object-cover{
        object-fit:cover
    }
    .object-center{
        object-position:center
    }
    .object-right-bottom{
        object-position:right bottom
    }
    .object-top{
        object-position:top
    }
    .p-0\!{
        padding:calc(var(--spacing)*0)!important
    }
    .p-0\.5{
        padding:calc(var(--spacing)*.5)
    }
    .p-1{
        padding:calc(var(--spacing)*1)
    }
    .p-1\.5{
        padding:calc(var(--spacing)*1.5)
    }
    .p-2{
        padding:calc(var(--spacing)*2)
    }
    .p-2\.5{
        padding:calc(var(--spacing)*2.5)
    }
    .p-3{
        padding:calc(var(--spacing)*3)
    }
    .p-4{
        padding:calc(var(--spacing)*4)
    }
    .p-5{
        padding:calc(var(--spacing)*5)
    }
    .p-6{
        padding:calc(var(--spacing)*6)
    }
    .p-8{
        padding:calc(var(--spacing)*8)
    }
    .p-10{
        padding:calc(var(--spacing)*10)
    }
    .p-12{
        padding:calc(var(--spacing)*12)
    }
    .px-1{
        padding-inline:calc(var(--spacing)*1)
    }
    .px-2{
        padding-inline:calc(var(--spacing)*2)
    }
    .px-3{
        padding-inline:calc(var(--spacing)*3)
    }
    .px-4{
        padding-inline:calc(var(--spacing)*4)
    }
    .px-5{
        padding-inline:calc(var(--spacing)*5)
    }
    .px-6{
        padding-inline:calc(var(--spacing)*6)
    }
    .px-8{
        padding-inline:calc(var(--spacing)*8)
    }
    .px-10{
        padding-inline:calc(var(--spacing)*10)
    }
    .px-12{
        padding-inline:calc(var(--spacing)*12)
    }
    .py-0\.5{
        padding-block:calc(var(--spacing)*.5)
    }
    .py-1{
        padding-block:calc(var(--spacing)*1)
    }
    .py-1\.5{
        padding-block:calc(var(--spacing)*1.5)
    }
    .py-2{
        padding-block:calc(var(--spacing)*2)
    }
    .py-2\.5{
        padding-block:calc(var(--spacing)*2.5)
    }
    .py-3{
        padding-block:calc(var(--spacing)*3)
    }
    .py-3\.5{
        padding-block:calc(var(--spacing)*3.5)
    }
    .py-4{
        padding-block:calc(var(--spacing)*4)
    }
    .py-5{
        padding-block:calc(var(--spacing)*5)
    }
    .py-6{
        padding-block:calc(var(--spacing)*6)
    }
    .py-7{
        padding-block:calc(var(--spacing)*7)
    }
    .py-8{
        padding-block:calc(var(--spacing)*8)
    }
    .py-10{
        padding-block:calc(var(--spacing)*10)
    }
    .py-12{
        padding-block:calc(var(--spacing)*12)
    }
    .py-16{
        padding-block:calc(var(--spacing)*16)
    }
    .py-20{
        padding-block:calc(var(--spacing)*20)
    }
    .py-24{
        padding-block:calc(var(--spacing)*24)
    }
    .pt-0{
        padding-top:calc(var(--spacing)*0)
    }
    .pt-1{
        padding-top:calc(var(--spacing)*1)
    }
    .pt-2{
        padding-top:calc(var(--spacing)*2)
    }
    .pt-3{
        padding-top:calc(var(--spacing)*3)
    }
    .pt-4{
        padding-top:calc(var(--spacing)*4)
    }
    .pt-6{
        padding-top:calc(var(--spacing)*6)
    }
    .pt-8{
        padding-top:calc(var(--spacing)*8)
    }
    .pt-10{
        padding-top:calc(var(--spacing)*10)
    }
    .pt-12{
        padding-top:calc(var(--spacing)*12)
    }
    .pt-16{
        padding-top:calc(var(--spacing)*16)
    }
    .pt-20{
        padding-top:calc(var(--spacing)*20)
    }
    .pt-28{
        padding-top:calc(var(--spacing)*28)
    }
    .pt-32{
        padding-top:calc(var(--spacing)*32)
    }
    .pt-36{
        padding-top:calc(var(--spacing)*36)
    }
    .pt-40{
        padding-top:calc(var(--spacing)*40)
    }
    .pr-1{
        padding-right:calc(var(--spacing)*1)
    }
    .pr-1\.5{
        padding-right:calc(var(--spacing)*1.5)
    }
    .pr-2{
        padding-right:calc(var(--spacing)*2)
    }
    .pr-3{
        padding-right:calc(var(--spacing)*3)
    }
    .pr-4{
        padding-right:calc(var(--spacing)*4)
    }
    .pr-6{
        padding-right:calc(var(--spacing)*6)
    }
    .pr-8{
        padding-right:calc(var(--spacing)*8)
    }
    .pr-10{
        padding-right:calc(var(--spacing)*10)
    }
    .pr-12{
        padding-right:calc(var(--spacing)*12)
    }
    .pr-14{
        padding-right:calc(var(--spacing)*14)
    }
    .pr-20{
        padding-right:calc(var(--spacing)*20)
    }
    .pb-0{
        padding-bottom:calc(var(--spacing)*0)
    }
    .pb-1{
        padding-bottom:calc(var(--spacing)*1)
    }
    .pb-2{
        padding-bottom:calc(var(--spacing)*2)
    }
    .pb-3{
        padding-bottom:calc(var(--spacing)*3)
    }
    .pb-4{
        padding-bottom:calc(var(--spacing)*4)
    }
    .pb-5{
        padding-bottom:calc(var(--spacing)*5)
    }
    .pb-6{
        padding-bottom:calc(var(--spacing)*6)
    }
    .pb-8{
        padding-bottom:calc(var(--spacing)*8)
    }
    .pb-9\!{
        padding-bottom:calc(var(--spacing)*9)!important
    }
    .pb-12{
        padding-bottom:calc(var(--spacing)*12)
    }
    .pb-20{
        padding-bottom:calc(var(--spacing)*20)
    }
    .pb-24{
        padding-bottom:calc(var(--spacing)*24)
    }
    .pb-32{
        padding-bottom:calc(var(--spacing)*32)
    }
    .pl-0\.5{
        padding-left:calc(var(--spacing)*.5)
    }
    .pl-1{
        padding-left:calc(var(--spacing)*1)
    }
    .pl-2{
        padding-left:calc(var(--spacing)*2)
    }
    .pl-3{
        padding-left:calc(var(--spacing)*3)
    }
    .pl-4{
        padding-left:calc(var(--spacing)*4)
    }
    .pl-4\.5{
        padding-left:calc(var(--spacing)*4.5)
    }
    .pl-5{
        padding-left:calc(var(--spacing)*5)
    }
    .pl-6{
        padding-left:calc(var(--spacing)*6)
    }
    .pl-8{
        padding-left:calc(var(--spacing)*8)
    }
    .pl-10{
        padding-left:calc(var(--spacing)*10)
    }
    .pl-\[52px\]{
        padding-left:52px
    }
    .text-center{
        text-align:center
    }
    .text-left{
        text-align:left
    }
    .text-right{
        text-align:right
    }
    .font-mono{
        font-family:var(--font-mono)
    }
    .font-sans{
        font-family:var(--font-sans)
    }
    .font-serif{
        font-family:var(--font-serif)
    }
    .text-2xl{
        font-size:var(--text-2xl);
        line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .text-3xl{
        font-size:var(--text-3xl);
        line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .text-4xl{
        font-size:var(--text-4xl);
        line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .text-5xl{
        font-family: "Inter Tight";
         font-weight: 400;
         font-size: 60px;
        line-height:var(--tw-leading,var(--text-5xl--line-height))
    }
    .text-6xl{
        font-size:var(--text-6xl);
        line-height:var(--tw-leading,var(--text-6xl--line-height))
    }
    .text-7xl{
        font-size:var(--text-7xl);
        line-height:var(--tw-leading,var(--text-7xl--line-height))
    }
    .text-8xl{
        font-size:var(--text-8xl);
        line-height:var(--tw-leading,var(--text-8xl--line-height))
    }
    .text-base{
        font-size:var(--text-base);
        line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .text-lg{
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .text-sm{
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .text-xl{
        font-size:var(--text-xl);
        line-height:var(--tw-leading,var(--text-xl--line-height))
    }
    .text-xs{
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .text-\[10px\]{
        font-size:10px
    }
    .text-\[15px\]{
        font-size:15px
    }
    .leading-\[0\.95\]{
        --tw-leading:.95;
        line-height:.95
    }
    .leading-\[1\.15\]{
        --tw-leading:1.15;
        line-height:1.15
    }
    .leading-none{
        --tw-leading:1;
        line-height:1
    }
    .leading-normal{
        --tw-leading:var(--leading-normal);
        line-height:var(--leading-normal)
    }
    .leading-relaxed{
        --tw-leading:var(--leading-relaxed);
        line-height:var(--leading-relaxed)
    }
    .leading-snug{
        --tw-leading:var(--leading-snug);
        line-height:var(--leading-snug)
    }
    .leading-tight{
        --tw-leading:var(--leading-tight);
        line-height:var(--leading-tight)
    }
    .font-bold{
        --tw-font-weight:var(--font-weight-bold);
        font-weight:var(--font-weight-bold)
    }
    .font-light{
        --tw-font-weight:var(--font-weight-light);
        font-weight:var(--font-weight-light)
    }
    .font-medium{
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }
    .font-normal{
        --tw-font-weight:var(--font-weight-normal);
        font-weight:var(--font-weight-normal)
    }
    .font-semibold{
        --tw-font-weight:var(--font-weight-semibold);
        font-weight:var(--font-weight-semibold)
    }
    .tracking-\[0\.2em\]{
        --tw-tracking:.2em;
        letter-spacing:.2em
    }
    .tracking-tight{
        --tw-tracking:var(--tracking-tight);
        letter-spacing:var(--tracking-tight)
    }
    .tracking-tighter{
        --tw-tracking:var(--tracking-tighter);
        letter-spacing:var(--tracking-tighter)
    }
    .tracking-wide{
        --tw-tracking:var(--tracking-wide);
        letter-spacing:var(--tracking-wide)
    }
    .tracking-wider{
        --tw-tracking:var(--tracking-wider);
        letter-spacing:var(--tracking-wider)
    }
    .tracking-widest{
        --tw-tracking:var(--tracking-widest);
        letter-spacing:var(--tracking-widest)
    }
    .whitespace-nowrap{
        white-space:nowrap
    }
    .text-\[\#1E1E2F\]{
        color:#1e1e2f;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#1F1F1F\]{
        color:#1f1f1f;
        letter-spacing: 0rem;
        font-family: 'Inter Tight';
    }
    .text-\[\#2A2438\]{
        color:#2a2438;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#2D2D2D\]{
        color:#2d2d2d;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#2D2438\]{
        color:#2d2438;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#2F215C\]{
        color:#2f215c;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#6AA18D\]{
        color:#6aa18d;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#8B3A3A\]{
        color:#8b3a3a;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#8B251F\]{
        color:#8b251f;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#9F2B2B\]{
        color:#9f2b2b;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#94B0A7\]{
        color: #94b0a7;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#27213C\]{
        color: #27213c;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#131022\]{
        color: #131022;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#A63C34\]{
        color: #a63c34;        letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-\[\#B8251F\]{
        color: #b8251f;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    .text-black{
        color:var(--color-black)
    }
    .text-current{
        color:currentColor
    }
    .text-dark-purple{
        color:var(--color-dark-purple)
    }
    .text-gray-200{
        color:var(--color-gray-200)
    }
    .text-gray-300{
        color:var(--color-gray-300)
    }
    .text-gray-400{
        color:var(--color-gray-400)
    }
    .text-gray-500{
        color:var(--color-gray-500)
    }
    .text-gray-600{
        color:var(--color-gray-600)
    }
    .text-gray-700{
        color:var(--color-gray-700)
    }
    .text-gray-800{
        color:var(--color-gray-800)
    }
    .text-gray-900{
        color:var(--color-gray-900)
    }
    .text-green-400{
        color:var(--color-green-400)
    }
    .text-platinum{
        color:var(--color-platinum)
    }
    .text-platinum\/80{
        color:#d5d7ddcc;
                letter-spacing: normal;
        font-family: 'Inter Tight';
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-platinum\/80{
            color:color-mix(in oklab,var(--color-platinum)80%,transparent)
        }
    }
    .text-primary{
        color:var(--color-primary)
    }
    .text-primary-foreground{
        color:var(--color-primary-foreground)
    }
    .text-red{
        color:var(--color-red)
    }
    .text-secondary{
        color:var(--color-secondary)
    }
    .text-secondary-foreground{
        color:var(--color-secondary-foreground)
    }
    .text-secondary\/80{
        color:#27213ccc
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-secondary\/80{
            color:color-mix(in oklab,var(--color-secondary)80%,transparent)
        }
    }
    .text-white{
        color:var(--color-white)
    }
    .text-white\/20{
        color:#fff3
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/20{
            color:color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }
    .text-white\/30{
        color:#ffffff4d
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/30{
            color:color-mix(in oklab,var(--color-white)30%,transparent)
        }
    }
    .text-white\/70{
        color:#ffffffb3
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/70{
            color:color-mix(in oklab,var(--color-white)70%,transparent)
        }
    }
    .text-white\/80{
        color:#fffc
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/80{
            color:color-mix(in oklab,var(--color-white)80%,transparent)
        }
    }
    .text-white\/90{
        color:#ffffffe6
    }
    @supports (color:color-mix(in lab,red,red)){
        .text-white\/90{
            color:color-mix(in oklab,var(--color-white)90%,transparent)
        }
    }
    .text-yellow-300{
        color:var(--color-yellow-300)
    }
    .uppercase{
        text-transform:uppercase
    }
    .underline{
        text-decoration-line:underline
    }
    .underline-offset-2{
        text-underline-offset:2px
    }
    .underline-offset-4{
        text-underline-offset:4px
    }
    .antialiased{
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
    .opacity-0{
        opacity:0
    }
    .opacity-30{
        opacity:.3
    }
    .opacity-40{
        opacity:.4
    }
    .opacity-50{
        opacity:.5
    }
    .opacity-60{
        opacity:.6
    }
    .opacity-80{
        opacity:.8
    }
    .opacity-90{
        opacity:.9
    }
    .opacity-95{
        opacity:.95
    }
    .opacity-100{
        opacity:1
    }
    .opacity-\[0\.03\]{
        opacity:.03
    }
    .opacity-\[0\.12\]{
        opacity:.12
    }
    .shadow-2xl{
        --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-inner{
        --tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-lg{
        --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-md{
        --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-none{
        --tw-shadow:0 0 #0000;
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-sm{
        --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-xl{
        --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-0{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-2{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .ring-4{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-\[\#2A2438\]\/20{
        --tw-shadow-color:#2a243833
    }
    @supports (color:color-mix(in lab,red,red)){
        .shadow-\[\#2A2438\]\/20{
            --tw-shadow-color:color-mix(in oklab,oklab(27.6324% .0172628 -.0328784/.2) var(--tw-shadow-alpha),transparent)
        }
    }
    .shadow-black\/5{
        --tw-shadow-color:#2222220d
    }
    @supports (color:color-mix(in lab,red,red)){
        .shadow-black\/5{
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)5%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }
    .shadow-dark-purple\/20{
        --tw-shadow-color:#27213c33
    }
    @supports (color:color-mix(in lab,red,red)){
        .shadow-dark-purple\/20{
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-dark-purple)20%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }
    .shadow-red\/20{
        --tw-shadow-color:#8b251f33
    }
    @supports (color:color-mix(in lab,red,red)){
        .shadow-red\/20{
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red)20%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }
    .ring-secondary{
        --tw-ring-color:var(--color-secondary)
    }
    .ring-white{
        --tw-ring-color:var(--color-white)
    }
    .ring-offset-2{
        --tw-ring-offset-width:2px;
        --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }
    .outline{
        outline-style:var(--tw-outline-style);
        outline-width:1px
    }
    .blur-3xl{
        --tw-blur:blur(var(--blur-3xl));
        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);
        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-sm{
        --tw-blur:blur(var(--blur-sm));
        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-xs{
        --tw-blur:blur(var(--blur-xs));
        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-2xl{
        --tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));
        --tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));
        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-lg{
        --tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));
        --tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));
        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-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));
        --tw-drop-shadow:drop-shadow(var(--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-xl{
        --tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));
        --tw-drop-shadow:drop-shadow(var(--drop-shadow-xl));
        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,)
    }
    .grayscale-0{
        --tw-grayscale:grayscale(0%);
        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,)
    }
    .grayscale-\[0\.3\]{
        --tw-grayscale:grayscale(.3);
        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,)
    }
    .grayscale-\[0\.5\]{
        --tw-grayscale:grayscale(.5);
        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{
        --tw-backdrop-blur:blur(8px);
        -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,)
    }
    .backdrop-blur-md{
        --tw-backdrop-blur:blur(var(--blur-md));
        -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,)
    }
    .backdrop-blur-sm{
        --tw-backdrop-blur:blur(var(--blur-sm));
        -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{
        transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-all{
        transition-property:all;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
     .transition-colors{
         color: black;
         transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-opacity{
        transition-property:opacity;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-shadow{
        transition-property:box-shadow;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .transition-transform{
        transition-property:transform,translate,scale,rotate;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .delay-100{
        transition-delay:.1s
    }
    .duration-200{
        --tw-duration:.2s;
        transition-duration:.2s
    }
    .duration-300{
        --tw-duration:.3s;
        transition-duration:.3s
    }
    .duration-500{
        --tw-duration:.5s;
        transition-duration:.5s
    }
    .duration-700{
        --tw-duration:.7s;
        transition-duration:.7s
    }
    .duration-1000{
        --tw-duration:1s;
        transition-duration:1s
    }
    .ease-\[cubic-bezier\(0\.25\,0\.8\,0\.25\,1\)\]{
        --tw-ease:cubic-bezier(.25,.8,.25,1);
        transition-timing-function:cubic-bezier(.25,.8,.25,1)
    }
    .ease-\[cubic-bezier\(0\.25\,1\,0\.5\,1\)\]{
        --tw-ease:cubic-bezier(.25,1,.5,1);
        transition-timing-function:cubic-bezier(.25,1,.5,1)
    }
    .ease-in-out{
        --tw-ease:var(--ease-in-out);
        transition-timing-function:var(--ease-in-out)
    }
    .ease-out{
        --tw-ease:var(--ease-out);
        transition-timing-function:var(--ease-out)
    }
    .will-change-transform{
        will-change:transform
    }
    .outline-none{
        --tw-outline-style:none;
        outline-style:none
    }
    .select-none{
        -webkit-user-select:none;
        user-select:none
    }
    @media(hover:hover){
        .group-hover\:flex:is(:where(.group):hover *){
            display:flex
        }
        .group-hover\:translate-x-0\.5:is(:where(.group):hover *){
            --tw-translate-x:calc(var(--spacing)*.5);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .group-hover\:translate-x-1:is(:where(.group):hover *){
            --tw-translate-x:calc(var(--spacing)*1);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .group-hover\:-translate-y-0\.5:is(:where(.group):hover *){
            --tw-translate-y:calc(var(--spacing)*-.5);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .group-hover\:scale-105:is(:where(.group):hover *){
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .group-hover\:scale-110:is(:where(.group):hover *){
            --tw-scale-x:110%;
            --tw-scale-y:110%;
            --tw-scale-z:110%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .group-hover\:rotate-0:is(:where(.group):hover *){
            rotate:none
        }
        .group-hover\:rotate-45:is(:where(.group):hover *){
            rotate:45deg
        }
        .group-hover\:rotate-90:is(:where(.group):hover *){
            rotate:90deg
        }
        .group-hover\:border-\[\#27213C\]:is(:where(.group):hover *){
            border-color:#27213c
        }
        .group-hover\:border-gray-400:is(:where(.group):hover *){
            border-color:var(--color-gray-400)
        }
        .group-hover\:border-white\/30:is(:where(.group):hover *){
            border-color:#ffffff4d
        }
        @supports (color:color-mix(in lab,red,red)){
            .group-hover\:border-white\/30:is(:where(.group):hover *){
                border-color:color-mix(in oklab,var(--color-white)30%,transparent)
            }
        }
        .group-hover\:bg-\[\#2A2A48\]:is(:where(.group):hover *){
            background-color:#2a2a48
        }
        .group-hover\:bg-black\/20:is(:where(.group):hover *){
            background-color:#2223
        }
        @supports (color:color-mix(in lab,red,red)){
            .group-hover\:bg-black\/20:is(:where(.group):hover *){
                background-color:color-mix(in oklab,var(--color-black)20%,transparent)
            }
        }
        .group-hover\:bg-white:is(:where(.group):hover *){
            background-color:var(--color-white)
        }
        .group-hover\:bg-white\/20:is(:where(.group):hover *){
            background-color:#fff3
        }
        @supports (color:color-mix(in lab,red,red)){
            .group-hover\:bg-white\/20:is(:where(.group):hover *){
                background-color:color-mix(in oklab,var(--color-white)20%,transparent)
            }
        }
        .group-hover\:text-black:is(:where(.group):hover *){
            color:var(--color-black)
        }
        .group-hover\:text-gray-900:is(:where(.group):hover *){
            color:var(--color-gray-900)
        }
        .group-hover\:text-white:is(:where(.group):hover *){
            color:var(--color-white)
        }
        .group-hover\:opacity-100:is(:where(.group):hover *){
            opacity:1
        }
    }
    .marker\:text-gray-400 ::marker{
        color:var(--color-gray-400)
    }
    .marker\:text-gray-400::marker{
        color:var(--color-gray-400)
    }
    .marker\:text-gray-400 ::-webkit-details-marker{
        color:var(--color-gray-400)
    }
    .marker\:text-gray-400::-webkit-details-marker{
        color:var(--color-gray-400)
    }
    .file\:border-0::file-selector-button{
        border-style:var(--tw-border-style);
        border-width:0
    }
    .file\:bg-transparent::file-selector-button{
        background-color:#0000
    }
    .file\:text-sm::file-selector-button{
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .file\:font-medium::file-selector-button{
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }
    .placeholder\:text-gray-300::placeholder{
        color:var(--color-gray-300)
    }
    .placeholder\:text-gray-400::placeholder{
        color:var(--color-gray-400)
    }
    .placeholder\:text-platinum\/60::placeholder{
        color:#d5d7dd99
    }
    @supports (color:color-mix(in lab,red,red)){
        .placeholder\:text-platinum\/60::placeholder{
            color:color-mix(in oklab,var(--color-platinum)60%,transparent)
        }
    }
    .last\:border-0:last-child{
        border-style:var(--tw-border-style);
        border-width:0
    }
    .last\:pb-0:last-child{
        padding-bottom:calc(var(--spacing)*0)
    }
    .checked\:border-4:checked{
        border-style:var(--tw-border-style);
        border-width:4px
    }
    .checked\:border-\[\#2A2438\]:checked{
        border-color:#2a2438
    }
    .focus-within\:border-dark-purple:focus-within{
        border-color:var(--color-dark-purple)
    }
    .focus-within\:ring-1:focus-within{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus-within\:ring-4:focus-within{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus-within\:ring-\[\#27213C\]:focus-within{
        --tw-ring-color:#27213c
    }
    .focus-within\:ring-dark-purple\/5:focus-within{
        --tw-ring-color:#27213c0d
    }
    @supports (color:color-mix(in lab,red,red)){
        .focus-within\:ring-dark-purple\/5:focus-within{
            --tw-ring-color:color-mix(in oklab,var(--color-dark-purple)5%,transparent)
        }
    }
    @media(hover:hover){
        .hover\:translate-x-1:hover{
            --tw-translate-x:calc(var(--spacing)*1);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .hover\:-translate-y-0\.5:hover{
            --tw-translate-y:calc(var(--spacing)*-.5);
            translate:var(--tw-translate-x)var(--tw-translate-y)
        }
        .hover\:scale-95:hover{
            --tw-scale-x:95%;
            --tw-scale-y:95%;
            --tw-scale-z:95%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .hover\:scale-105:hover{
            --tw-scale-x:105%;
            --tw-scale-y:105%;
            --tw-scale-z:105%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .hover\:scale-110:hover{
            --tw-scale-x:110%;
            --tw-scale-y:110%;
            --tw-scale-z:110%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .hover\:scale-\[1\.01\]:hover{
            scale:1.01
        }
        .hover\:rotate-45:hover{
            rotate:45deg
        }
        .hover\:gap-3:hover{
            gap:calc(var(--spacing)*3)
        }
        .hover\:border-\[\#27213C\]:hover{
            border-color:#27213c
        }
        .hover\:border-black:hover{
            border-color:var(--color-black)
        }
        .hover\:border-dark-purple:hover{
            border-color:var(--color-dark-purple)
        }
        .hover\:border-dark-purple\/30:hover{
            border-color:#27213c4d
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:border-dark-purple\/30:hover{
                border-color:color-mix(in oklab,var(--color-dark-purple)30%,transparent)
            }
        }
        .hover\:border-gray-100:hover{
            border-color:var(--color-gray-100)
        }
        .hover\:border-gray-300:hover{
            border-color:var(--color-gray-300)
        }
        .hover\:border-gray-400:hover{
            border-color:var(--color-gray-400)
        }
        .hover\:border-gray-800:hover{
            border-color:var(--color-gray-800)
        }
        .hover\:border-platinum:hover{
            border-color:var(--color-platinum)
        }
        .hover\:border-red:hover{
            border-color:var(--color-red)
        }
        .hover\:border-white:hover{
            border-color:var(--color-white)
        }
        .hover\:bg-\[\#1E1B2E\]:hover{
            background-color:#1e1b2e
        }
        .hover\:bg-\[\#1a1a2e\]:hover{
            background-color:#1a1a2e
        }
        .hover\:bg-\[\#2A2A48\]\/90:hover{
            background-color:#2a2a48e6
        }
        .hover\:bg-\[\#2A2438\]\/90:hover{
            background-color:#2a2438e6
        }
        .hover\:bg-\[\#2d2d45\]:hover{
            background-color:#2d2d45
        }
        .hover\:bg-\[\#3d2b75\]:hover{
            background-color:#3d2b75
        }
        .hover\:bg-\[\#3d324a\]:hover{
            background-color:#3d324a
        }
        .hover\:bg-\[\#3d3455\]:hover{
            background-color:#3d3455
        }
        .hover\:bg-\[\#3d3850\]:hover{
            background-color:#3d3850
        }
        .hover\:bg-\[\#7A3232\]:hover{
            background-color:#7a3232
        }
        .hover\:bg-\[\#7a2222\]:hover{
            background-color:#7a2222
        }
        .hover\:bg-\[\#8B3A3A\]:hover{
            background-color:#8b3a3a
        }
        .hover\:bg-\[\#8DAF9F\]:hover{
            background-color:#8daf9f
        }
        .hover\:bg-\[\#342b50\]:hover{
            background-color:#342b50
        }
        .hover\:bg-\[\#352b50\]:hover{
            background-color:#352b50
        }
        .hover\:bg-\[\#27213C\]:hover{
            background-color:#27213c
        }
        .hover\:bg-\[\#B8251F\]\/5:hover{
            background-color:#b8251f0d
        }
        .hover\:bg-\[\#F5F5F7\]:hover{
            background-color:#f5f5f7
        }
        .hover\:bg-accent:hover{
            background-color:var(--color-accent)
        }
        .hover\:bg-black\/5:hover{
            background-color:#2222220d
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-black\/5:hover{
                background-color:color-mix(in oklab,var(--color-black)5%,transparent)
            }
        }
        .hover\:bg-dark-purple\/90:hover{
            background-color:#27213ce6
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-dark-purple\/90:hover{
                background-color:color-mix(in oklab,var(--color-dark-purple)90%,transparent)
            }
        }
        .hover\:bg-gray-50:hover{
            background-color:var(--color-gray-50)
        }
        .hover\:bg-gray-100:hover{
            background-color:var(--color-gray-100)
        }
        .hover\:bg-gray-800:hover{
            background-color:var(--color-gray-800)
        }
        .hover\:bg-muted\/80:hover{
            background-color:#f5f5f7cc
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-muted\/80:hover{
                background-color:color-mix(in oklab,var(--color-muted)80%,transparent)
            }
        }
        .hover\:bg-off-white:hover{
            background-color:var(--color-off-white)
        }
        .hover\:bg-platinum:hover{
            background-color:var(--color-platinum)
        }
        .hover\:bg-platinum\/20:hover{
            background-color:#d5d7dd33
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-platinum\/20:hover{
                background-color:color-mix(in oklab,var(--color-platinum)20%,transparent)
            }
        }
        .hover\:bg-platinum\/50:hover{
            background-color:#d5d7dd80
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-platinum\/50:hover{
                background-color:color-mix(in oklab,var(--color-platinum)50%,transparent)
            }
        }
        .hover\:bg-platinum\/80:hover{
            background-color:#d5d7ddcc
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-platinum\/80:hover{
                background-color:color-mix(in oklab,var(--color-platinum)80%,transparent)
            }
        }
        .hover\:bg-primary-hover:hover{
            background-color:var(--color-primary-hover)
        }
        .hover\:bg-red\/90:hover{
            background-color:#8b251fe6
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-red\/90:hover{
                background-color:color-mix(in oklab,var(--color-red)90%,transparent)
            }
        }
        .hover\:bg-secondary-hover:hover{
            background-color:var(--color-secondary-hover)
        }
        .hover\:bg-secondary\/90:hover{
            background-color:#27213ce6
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-secondary\/90:hover{
                background-color:color-mix(in oklab,var(--color-secondary)90%,transparent)
            }
        }
        .hover\:bg-transparent:hover{
            background-color:#0000
        }
        .hover\:bg-white:hover{
            background-color:var(--color-white)
        }
        .hover\:bg-white\/10:hover{
            background-color:#ffffff1a
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-white\/10:hover{
                background-color:color-mix(in oklab,var(--color-white)10%,transparent)
            }
        }
        .hover\:bg-white\/30:hover{
            background-color:#ffffff4d
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-white\/30:hover{
                background-color:color-mix(in oklab,var(--color-white)30%,transparent)
            }
        }
        .hover\:bg-white\/90:hover{
            background-color:#ffffffe6
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:bg-white\/90:hover{
                background-color:color-mix(in oklab,var(--color-white)90%,transparent)
            }
        }
        .hover\:fill-red-500:hover{
            fill:var(--color-red-500)
        }
        .hover\:text-\[\#1E1E2F\]:hover{
            color:#1e1e2f
        }
        .hover\:text-\[\#2E2A3F\]:hover{
            color:#2e2a3f
        }
        .hover\:text-black:hover{
            color:var(--color-black)
        }
        .hover\:text-dark-purple:hover{
            color:var(--color-dark-purple)
        }
        .hover\:text-gray-500:hover{
            color:var(--color-gray-500)
        }
        .hover\:text-gray-600:hover{
            color:var(--color-gray-600)
        }
        .hover\:text-gray-800:hover{
            color:var(--color-gray-800)
        }
        .hover\:text-gray-900:hover{
            color:var(--color-gray-900)
        }
        .hover\:text-red:hover{
            color:var(--color-red)
        }
        .hover\:text-red-500:hover{
            color:var(--color-red-500)
        }
        .hover\:text-secondary\/70:hover{
            color:#27213cb3
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:text-secondary\/70:hover{
                color:color-mix(in oklab,var(--color-secondary)70%,transparent)
            }
        }
        .hover\:text-white:hover{
            color:var(--color-white)
        }
        .hover\:text-white\/80:hover{
            color:#fffc
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:text-white\/80:hover{
                color:color-mix(in oklab,var(--color-white)80%,transparent)
            }
        }
        .hover\:text-white\/90:hover{
            color:#ffffffe6
        }
        @supports (color:color-mix(in lab,red,red)){
            .hover\:text-white\/90:hover{
                color:color-mix(in oklab,var(--color-white)90%,transparent)
            }
        }
        .hover\:underline:hover{
            text-decoration-line:underline
        }
        .hover\:opacity-80:hover{
            opacity:.8
        }
        .hover\:opacity-90:hover{
            opacity:.9
        }
        .hover\:opacity-100:hover{
            opacity:1
        }
        .hover\:shadow-2xl:hover{
            --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
            box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }
        .hover\:shadow-lg:hover{
            --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
            box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }
        .hover\:shadow-md:hover{
            --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
            box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }
        .hover\:shadow-sm:hover{
            --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
            box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }
        .hover\:shadow-xl:hover{
            --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
            box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }
        .hover\:blur-none:hover{
            --tw-blur: ;
            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\:border-gray-200:focus{
        border-color:var(--color-gray-200)
    }
    .focus\:border-gray-400:focus{
        border-color:var(--color-gray-400)
    }
    .focus\:ring-0:focus{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus\:ring-1:focus{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .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,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus\:ring-gray-200:focus{
        --tw-ring-color:var(--color-gray-200)
    }
    .focus\:ring-offset-2:focus{
        --tw-ring-offset-width:2px;
        --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }
    .focus\:outline-none:focus{
        --tw-outline-style:none;
        outline-style:none
    }
    .focus-visible\:ring-0:focus-visible{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus-visible\:ring-2:focus-visible{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .focus-visible\:ring-dark-purple:focus-visible{
        --tw-ring-color:var(--color-dark-purple)
    }
    .focus-visible\:ring-offset-2:focus-visible{
        --tw-ring-offset-width:2px;
        --tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }
    .focus-visible\:outline-none:focus-visible{
        --tw-outline-style:none;
        outline-style:none
    }
    .active\:scale-95:active{
        --tw-scale-x:95%;
        --tw-scale-y:95%;
        --tw-scale-z:95%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .disabled\:pointer-events-none:disabled{
        pointer-events:none
    }
    .disabled\:cursor-not-allowed:disabled{
        cursor:not-allowed
    }
    .disabled\:opacity-20:disabled{
        opacity:.2
    }
    .disabled\:opacity-50:disabled{
        opacity:.5
    }
    .data-\[state\=checked\]\:translate-x-5[data-state=checked]{
        --tw-translate-x:calc(var(--spacing)*5);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:translate-x-6[data-state=checked]{
        --tw-translate-x:calc(var(--spacing)*6);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .data-\[state\=checked\]\:border-\[\#2A2438\][data-state=checked]{
        border-color:#2a2438
    }
    .data-\[state\=checked\]\:border-dark-purple[data-state=checked]{
        border-color:var(--color-dark-purple)
    }
    .data-\[state\=checked\]\:bg-\[\#2A2438\][data-state=checked]{
        background-color:#2a2438
    }
    .data-\[state\=checked\]\:bg-dark-purple[data-state=checked]{
        background-color:var(--color-dark-purple)
    }
    .data-\[state\=checked\]\:text-white[data-state=checked]{
        color:var(--color-white)
    }
    .data-\[state\=unchecked\]\:translate-x-0\.5[data-state=unchecked]{
        --tw-translate-x:calc(var(--spacing)*.5);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked]{
        --tw-translate-x:calc(var(--spacing)*1);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .data-\[state\=unchecked\]\:bg-platinum\/50[data-state=unchecked]{
        background-color:#d5d7dd80
    }
    @supports (color:color-mix(in lab,red,red)){
        .data-\[state\=unchecked\]\:bg-platinum\/50[data-state=unchecked]{
            background-color:color-mix(in oklab,var(--color-platinum)50%,transparent)
        }
    }
    @media(min-width:40rem){
        .sm\:mb-8{
            margin-bottom:calc(var(--spacing)*8)
        }
        .sm\:h-6{
            height:calc(var(--spacing)*6)
        }
        .sm\:h-\[44px\]{
            height:44px
        }
        .sm\:w-6{
            width:calc(var(--spacing)*6)
        }
        .sm\:w-\[44px\]{
            width:44px
        }
        .sm\:w-auto{
            width:auto
        }
        .sm\:grid-cols-2{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
        .sm\:grid-cols-3{
            grid-template-columns:repeat(3,minmax(0,1fr))
        }
        .sm\:flex-row{
            flex-direction:row
        }
        .sm\:gap-4{
            gap:calc(var(--spacing)*4)
        }
        .sm\:gap-6{
            gap:calc(var(--spacing)*6)
        }
        .sm\:border-l{
            border-left-style:var(--tw-border-style);
            border-left-width:1px
        }
        .sm\:border-l-\[6px\]{
            border-left-style:var(--tw-border-style);
            border-left-width:6px
        }
        .sm\:border-platinum\/20{
            border-color:#d5d7dd33
        }
        @supports (color:color-mix(in lab,red,red)){
            .sm\:border-platinum\/20{
                border-color:color-mix(in oklab,var(--color-platinum)20%,transparent)
            }
        }
        .sm\:p-5{
            padding:calc(var(--spacing)*5)
        }
        .sm\:p-6{
            padding:calc(var(--spacing)*6)
        }
        .sm\:pl-6{
            padding-left:calc(var(--spacing)*6)
        }
        .sm\:pl-\[60px\]{
            padding-left:60px
        }
        .sm\:text-left{
            text-align:left
        }
        .sm\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }
        .sm\:text-sm{
            font-size:var(--text-sm);
            line-height:var(--tw-leading,var(--text-sm--line-height))
        }
    }
    @media(min-width:48rem){
        .md\:right-8{
            right:calc(var(--spacing)*8)
        }
        .md\:right-\[80px\]{
            right:80px
        }
        .md\:left-8{
            left:calc(var(--spacing)*8)
        }
        .md\:left-12{
            left:calc(var(--spacing)*12)
        }
        .md\:left-\[25\%\]{
            left:25%
        }
        .md\:left-\[75\%\]{
            left:75%
        }
        .md\:left-\[80px\]{
            left:80px
        }
        .md\:order-1{
            order:1
        }
        .md\:order-2{
            order:2
        }
        .md\:col-span-1{
            grid-column:span 1/span 1
        }
        .md\:col-span-2{
            grid-column:span 2/span 2
        }
        .md\:col-span-3{
            grid-column:span 3/span 3
        }
        .md\:mx-0{
            margin-inline:calc(var(--spacing)*0)
        }
        .md\:mx-8{
            margin-inline:calc(var(--spacing)*8)
        }
        .md\:mx-\[10px\]{
            margin-inline:10px
        }
        .md\:my-12{
            margin-block:calc(var(--spacing)*12)
        }
        .md\:-mt-24{
            margin-top:calc(var(--spacing)*-24)
        }
        .md\:mt-0{
            margin-top:calc(var(--spacing)*0)
        }
        .md\:mt-8{
            margin-top:calc(var(--spacing)*8)
        }
        .md\:mt-12{
            margin-top:calc(var(--spacing)*12)
        }
        .md\:mt-24{
            margin-top:calc(var(--spacing)*24)
        }
        .md\:mb-4{
            margin-bottom:calc(var(--spacing)*4)
        }
        .md\:mb-10{
            margin-bottom:calc(var(--spacing)*10)
        }
        .md\:mb-12{
            margin-bottom:calc(var(--spacing)*12)
        }
        .md\:mb-32{
            margin-bottom:calc(var(--spacing)*32)
        }
        .md\:block{
            display:block
        }
        .md\:flex{
            display:flex
        }
        .md\:grid{
            display:grid
        }
        .md\:hidden{
            display:none
        }
        .md\:aspect-\[3\/4\]{
            aspect-ratio:3/4
        }
        .md\:aspect-\[21\/9\]{
            aspect-ratio:32/9
        }
        .md\:aspect-video{
            aspect-ratio:var(--aspect-video)
        }
        .md\:h-6{
            height:calc(var(--spacing)*6)
        }
        .md\:h-10{
            height:calc(var(--spacing)*10)
        }
        .md\:h-\[600px\]{
            height:600px
        }
        .md\:max-h-\[700px\]{
            max-height:700px
        }
        .md\:min-h-auto{
            min-height:auto
        }
        .md\:w-6{
            width:calc(var(--spacing)*6)
        }
        .md\:w-10{
            width:calc(var(--spacing)*10)
        }
        .md\:w-\[45\%\]{
            width:45%
        }
        .md\:w-\[55\%\]{
            width:55%
        }
        .md\:w-\[400px\]{
            width:400px
        }
        .md\:w-\[450px\]{
            width:450px
        }
        .md\:w-auto{
            width:auto
        }
        .md\:max-w-2xl{
            max-width:var(--container-2xl)
        }
        .md\:max-w-\[65\%\]{
            max-width:65%
        }
        .md\:scale-90{
            --tw-scale-x:90%;
            --tw-scale-y:90%;
            --tw-scale-z:90%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .md\:-rotate-1{
            rotate:-1deg
        }
        .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\:items-end{
            align-items:flex-end
        }
        .md\:items-start{
            align-items:flex-start
        }
        .md\:gap-4{
            gap:calc(var(--spacing)*4)
        }
        .md\:gap-12{
            gap:calc(var(--spacing)*12)
        }
        .md\:gap-20{
            gap:calc(var(--spacing)*20)
        }
        .md\:gap-32{
            gap:calc(var(--spacing)*32)
        }
        :where(.md\:space-y-10>:not(:last-child)){
            --tw-space-y-reverse:0;
            margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));
            margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))
        }
        .md\:gap-x-8{
            column-gap:calc(var(--spacing)*8)
        }
        .md\:gap-y-6{
            row-gap:calc(var(--spacing)*6)
        }
        .md\:overflow-visible{
            overflow:visible
        }
        .md\:rounded-\[30px\]{
            border-radius:30px
        }
        .md\:rounded-\[40px\]{
            border-radius:40px
        }
        .md\:rounded-b-\[50px\]{
            border-bottom-right-radius:50px;
            border-bottom-left-radius:50px
        }
        .md\:rounded-b-\[60px\]{
            border-bottom-right-radius:60px;
            border-bottom-left-radius:60px
        }
        .md\:via-\[\#1E1E2F\]\/20{
            --tw-gradient-via:oklab(24.3451% .00765915 -.031304/.2);
            --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
            --tw-gradient-stops:var(--tw-gradient-via-stops)
        }
        .md\:object-contain{
            object-fit:contain
        }
        .md\:object-center{
            object-position:center
        }
        .md\:p-6{
            padding:calc(var(--spacing)*6)
        }
        .md\:p-8{
            padding:calc(var(--spacing)*8)
        }
        .md\:p-10{
            padding:calc(var(--spacing)*10)
        }
        .md\:p-12{
            padding:calc(var(--spacing)*12)
        }
        .md\:p-14{
            padding:calc(var(--spacing)*14)
        }
        .md\:p-16{
            padding:calc(var(--spacing)*16)
        }
        .md\:p-20{
            padding:calc(var(--spacing)*20)
        }
        .md\:p-24{
            padding:calc(var(--spacing)*24)
        }
        .md\:px-4{
            padding-inline:calc(var(--spacing)*4)
        }
        .md\:px-8{
            padding-inline:calc(var(--spacing)*8)
        }
        .md\:px-12{
            padding-inline:calc(var(--spacing)*12)
        }
        .md\:py-8{
            padding-block:calc(var(--spacing)*8)
        }
        .md\:py-12{
            padding-block:calc(var(--spacing)*12)
        }
        .md\:py-24{
            padding-block:calc(var(--spacing)*24)
        }
        .md\:py-32{
            padding-block:calc(var(--spacing)*32)
        }
        .md\:py-\[70px\]{
            padding-block:70px
        }
        .md\:pt-40{
            padding-top:calc(var(--spacing)*40)
        }
        .md\:pt-52{
            padding-top:calc(var(--spacing)*52)
        }
        .md\:pt-56{
            padding-top:calc(var(--spacing)*56)
        }
        .md\:pr-0{
            padding-right:calc(var(--spacing)*0)
        }
        .md\:pr-10{
            padding-right:calc(var(--spacing)*10)
        }
        .md\:pb-8{
            padding-bottom:calc(var(--spacing)*8)
        }
        .md\:pb-9{
            padding-bottom:calc(var(--spacing)*9)
        }
        .md\:pb-28{
            padding-bottom:calc(var(--spacing)*28)
        }
        .md\:pb-32{
            padding-bottom:calc(var(--spacing)*32)
        }
        .md\:pb-72{
            padding-bottom:calc(var(--spacing)*72)
        }
        .md\:pl-\[70px\]{
            padding-left:70px
        }
        .md\:text-center{
            text-align:center
        }
        .md\:text-left{
            text-align:left
        }
        .md\:text-right{
            text-align:right
        }
        .md\:text-2xl{
            font-size:var(--text-2xl);
            line-height:var(--tw-leading,var(--text-2xl--line-height))
        }
        .md\:text-3xl{
            font-size:var(--text-3xl);
            line-height:var(--tw-leading,var(--text-3xl--line-height))
        }
        .md\:text-4xl{
            font-size:var(--text-4xl);
            line-height:var(--tw-leading,var(--text-4xl--line-height))
        }
        .md\:text-5xl{
            font-size:var(--text-5xl);
            line-height:var(--tw-leading,var(--text-5xl--line-height))
        }
        .md\:text-6xl{
            font-size:var(--text-6xl);
            line-height:var(--tw-leading,var(--text-6xl--line-height))
        }
        .md\:text-7xl{
            font-size:var(--text-7xl);
            line-height:var(--tw-leading,var(--text-7xl--line-height))
        }
        .md\:text-8xl{
            font-size:var(--text-8xl);
            line-height:var(--tw-leading,var(--text-8xl--line-height))
        }
        .md\:text-base{
            font-size:var(--text-base);
            line-height:var(--tw-leading,var(--text-base--line-height))
        }
        .md\:text-lg{
            font-size:var(--text-lg);
            line-height:var(--tw-leading,var(--text-lg--line-height))
        }
        .md\:text-xl{
            font-size:var(--text-xl);
            line-height:var(--tw-leading,var(--text-xl--line-height))
        }
        .md\:text-xs{
            font-size:var(--text-xs);
            line-height:var(--tw-leading,var(--text-xs--line-height))
        }
        .md\:text-\[1\.15rem\]{
            font-size:1.15rem
        }
        .md\:text-\[102px\]{
            font-size:102px
        }
        .md\:text-\[180px\]{
            font-size:180px
        }
        .md\:leading-tight{
            --tw-leading:var(--leading-tight);
            line-height:var(--leading-tight)
        }
        .md\:opacity-100{
            opacity:1
        }
        @media not all and (min-width:80rem){
            .md\:max-xl\:translate-x-56{
                --tw-translate-x:calc(var(--spacing)*56);
                translate:var(--tw-translate-x)var(--tw-translate-y)
            }
        }
    }
    @media(min-width:64rem){
        .lg\:col-span-2{
            grid-column:span 2/span 2
        }
        .lg\:col-span-3{
            grid-column:span 3/span 3
        }
        .lg\:col-span-5{
            grid-column:span 5/span 5
        }
        .lg\:col-span-7{
            grid-column:span 7/span 7
        }
        .lg\:col-start-8{
            grid-column-start:8
        }
        .lg\:mx-0{
            margin-inline:calc(var(--spacing)*0)
        }
        .lg\:mt-auto{
            margin-top:auto
        }
        .lg\:block{
            display:block
        }
        .lg\:flex{
            display:flex
        }
        .lg\:grid{
            display:grid
        }
        .lg\:hidden{
            display:none
        }
        .lg\:aspect-\[4\/3\]{
            aspect-ratio:4/3
        }
        .lg\:aspect-square{
            aspect-ratio:1
        }
        .lg\:h-auto{
            height:auto
        }
        .lg\:w-1\/2{
            width:50%
        }
        .lg\:w-\[45\%\]{
            width:45%
        }
        .lg\:w-\[325px\]{
            width:325px
        }
        .lg\:w-\[450px\]{
            width:450px
        }
        .lg\:w-\[500px\]{
            width:500px
        }
        .lg\:w-\[800px\]{
            width:800px
        }
        .lg\:max-w-\[55\%\]{
            max-width:55%
        }
        .lg\:max-w-none{
            max-width:none
        }
        .lg\:scale-100{
            --tw-scale-x:100%;
            --tw-scale-y:100%;
            --tw-scale-z:100%;
            scale:var(--tw-scale-x)var(--tw-scale-y)
        }
        .lg\:grid-cols-1{
            grid-template-columns:repeat(1,minmax(0,1fr))
        }
        .lg\:grid-cols-2{
            grid-template-columns:repeat(2,minmax(0,1fr))
        }
        .lg\:grid-cols-3{
            grid-template-columns:repeat(3,minmax(0,1fr))
        }
        .lg\:grid-cols-4{
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
        .lg\:grid-cols-5{
            grid-template-columns:repeat(5,minmax(0,1fr))
        }
        .lg\:grid-cols-6{
            grid-template-columns:repeat(6,minmax(0,1fr))
        }
        .lg\:grid-cols-12{
            grid-template-columns:repeat(12,minmax(0,1fr))
        }
        .lg\:flex-row{
            flex-direction:row
        }
        .lg\:items-center{
            align-items:center
        }
        .lg\:gap-0{
            gap:calc(var(--spacing)*0)
        }
        .lg\:gap-8{
            gap:calc(var(--spacing)*8)
        }
        .lg\:gap-20{
            gap:calc(var(--spacing)*20)
        }
        .lg\:gap-24{
            gap:calc(var(--spacing)*24)
        }
        :where(.lg\:space-x-4>:not(:last-child)){
            --tw-space-x-reverse:0;
            margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
            margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
        }
        :where(.lg\:space-x-8>:not(:last-child)){
            --tw-space-x-reverse:0;
            margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));
            margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
        }
        .lg\:p-16{
            padding:calc(var(--spacing)*16)
        }
        .lg\:p-24{
            padding:calc(var(--spacing)*24)
        }
        .lg\:py-32{
            padding-block:calc(var(--spacing)*32)
        }
        .lg\:pt-16{
            padding-top:calc(var(--spacing)*16)
        }
        .lg\:pr-8{
            padding-right:calc(var(--spacing)*8)
        }
        .lg\:pb-5{
            padding-bottom:calc(var(--spacing)*5)
        }
        .lg\:pb-32{
            padding-bottom:calc(var(--spacing)*32)
        }
        .lg\:text-6xl{
            font-size:var(--text-6xl);
            line-height:var(--tw-leading,var(--text-6xl--line-height))
        }
        .lg\:text-7xl{
            font-size:var(--text-7xl);
            line-height:var(--tw-leading,var(--text-7xl--line-height))
        }
        .lg\:text-\[6rem\]{
            font-size:6rem
        }
    }
    @media(min-width:80rem){
        .xl\:aspect-video{
            aspect-ratio:var(--aspect-video)
        }
    }
    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
        rotate:180deg
    }
}
@font-face{
    font-family:Inter-Tight;
    src:url(/assets/InterTight-VariableFont_wght-CLj8w7h3.ttf)format("truetype");
    font-weight:100 900;
    font-style:normal
}
@font-face{
    font-family:Inter-Tight;
    src:url(/assets/InterTight-Italic-VariableFont_wght-Bm94u7QB.ttf)format("truetype");
    font-weight:100 900;
    font-style:italic
}
@property --tw-translate-x{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-translate-y{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-translate-z{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-scale-x{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-scale-y{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-scale-z{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-rotate-x{
    syntax:"*";
    inherits:false
}
@property --tw-rotate-y{
    syntax:"*";
    inherits:false
}
@property --tw-rotate-z{
    syntax:"*";
    inherits:false
}
@property --tw-skew-x{
    syntax:"*";
    inherits:false
}
@property --tw-skew-y{
    syntax:"*";
    inherits:false
}
@property --tw-space-y-reverse{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-space-x-reverse{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-border-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-gradient-position{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-via{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-to{
    syntax:"<color>";
    inherits:false;
    initial-value:#0000
}
@property --tw-gradient-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-via-stops{
    syntax:"*";
    inherits:false
}
@property --tw-gradient-from-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:0%
}
@property --tw-gradient-via-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:50%
}
@property --tw-gradient-to-position{
    syntax:"<length-percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-leading{
    syntax:"*";
    inherits:false
}
@property --tw-font-weight{
    syntax:"*";
    inherits:false
}
@property --tw-tracking{
    syntax:"*";
    inherits:false
}
@property --tw-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-shadow-alpha{
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-inset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-inset-shadow-alpha{
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-ring-color{
    syntax:"*";
    inherits:false
}
@property --tw-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-ring-color{
    syntax:"*";
    inherits:false
}
@property --tw-inset-ring-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-ring-inset{
    syntax:"*";
    inherits:false
}
@property --tw-ring-offset-width{
    syntax:"<length>";
    inherits:false;
    initial-value:0
}
@property --tw-ring-offset-color{
    syntax:"*";
    inherits:false;
    initial-value:#fff
}
@property --tw-ring-offset-shadow{
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-outline-style{
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-blur{
    syntax:"*";
    inherits:false
}
@property --tw-brightness{
    syntax:"*";
    inherits:false
}
@property --tw-contrast{
    syntax:"*";
    inherits:false
}
@property --tw-grayscale{
    syntax:"*";
    inherits:false
}
@property --tw-hue-rotate{
    syntax:"*";
    inherits:false
}
@property --tw-invert{
    syntax:"*";
    inherits:false
}
@property --tw-opacity{
    syntax:"*";
    inherits:false
}
@property --tw-saturate{
    syntax:"*";
    inherits:false
}
@property --tw-sepia{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-color{
    syntax:"*";
    inherits:false
}
@property --tw-drop-shadow-alpha{
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-drop-shadow-size{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-blur{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-brightness{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-contrast{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-grayscale{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-hue-rotate{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-invert{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-opacity{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-saturate{
    syntax:"*";
    inherits:false
}
@property --tw-backdrop-sepia{
    syntax:"*";
    inherits:false
}
@property --tw-duration{
    syntax:"*";
    inherits:false
}
@property --tw-ease{
    syntax:"*";
    inherits:false
}
@keyframes bounce{
    0%,to{
        animation-timing-function:cubic-bezier(.8,0,1,1);
        transform:translateY(-25%)
    }
    50%{
        animation-timing-function:cubic-bezier(0,0,.2,1);
        transform:none
    }
}
@media (max-width: 600px) {
    .px-6 {
    padding-inline: calc(var(--spacing) * 3);
            font-size: 3.3vw;

}
}