@font-face{
    font-family:Outfit;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:Outfit;
    font-style:normal;
    font-weight:100 900;
    font-display:swap;
    src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
    font-family:Outfit Fallback;
    src:local(Arial);
    ascent-override:100.18%;
    descent-override:26.05%;
    line-gap-override:0.0%;
    size-adjust:99.82%
}
.outfit_8778cd42-module__wRojWG__className{
    font-family:Outfit,Outfit Fallback;
    font-style:normal
}
.outfit_8778cd42-module__wRojWG__variable{
    --font-outfit:"Outfit","Outfit Fallback"
}
 @font-face{
    font-family:Space Grotesk;
    font-style:normal;
    font-weight:300 700;
    font-display:swap;
    src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");
    unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB
}
@font-face{
    font-family:Space Grotesk;
    font-style:normal;
    font-weight:300 700;
    font-display:swap;
    src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");
    unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:Space Grotesk;
    font-style:normal;
    font-weight:300 700;
    font-display:swap;
    src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");
    unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face{
    font-family:Space Grotesk Fallback;
    src:local(Arial);
    ascent-override:89.71%;
    descent-override:26.62%;
    line-gap-override:0.0%;
    size-adjust:109.69%
}
.space_grotesk_154b09cb-module__lmdqzG__className{
    font-family:Space Grotesk,Space Grotesk Fallback;
    font-style:normal
}
.space_grotesk_154b09cb-module__lmdqzG__variable{
    --font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"
}
 @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-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-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-animation-delay:0s;
            --tw-animation-direction:normal;
            --tw-animation-duration:initial;
            --tw-animation-fill-mode:forwards;
            --tw-animation-iteration-count:1;
            --tw-enter-opacity:1;
            --tw-enter-rotate:0;
            --tw-enter-scale:1;
            --tw-enter-translate-x:0;
            --tw-enter-translate-y:0;
            --tw-exit-opacity:1;
            --tw-exit-rotate:0;
            --tw-exit-scale:1;
            --tw-exit-translate-x:0;
            --tw-exit-translate-y:0
        }
    }
}
@layer theme{
    :root,:host{
        --color-red-500:#fb2c36;
        --color-red-600:#e40014;
        --color-red-700:#bf000f;
        --color-yellow-500:#edb200;
        --color-white:#fff;
        --spacing:.25rem;
        --container-2xl:42rem;
        --container-3xl:48rem;
        --container-4xl:56rem;
        --container-5xl:64rem;
        --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:calc(1.5/1);
        --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:calc(2.25/1.875);
        --text-4xl:2.25rem;
        --text-4xl--line-height:calc(2.5/2.25);
        --text-6xl:3.75rem;
        --text-6xl--line-height:1;
        --text-8xl:6rem;
        --text-8xl--line-height:1;
        --text-9xl:8rem;
        --text-9xl--line-height:1;
        --font-weight-medium:500;
        --font-weight-bold:700;
        --font-weight-black:900;
        --tracking-tighter:-.05em;
        --tracking-tight:-.025em;
        --tracking-wide:.025em;
        --tracking-widest:.1em;
        --leading-relaxed:1.625;
        --animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;
        --blur-md:12px;
        --blur-xl:24px;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
        --default-font-family:"Geist","Geist Fallback";
        --default-mono-font-family:"Geist Mono","Geist Mono Fallback"
    }
    @supports (color:lab(0% 0 0)){
        :root,:host{
            --color-red-500:lab(55.4814% 75.0732 48.8528);
            --color-red-600:lab(48.4493% 77.4328 61.5452);
            --color-red-700:lab(40.4273% 67.2623 53.7441);
            --color-yellow-500:lab(76.3898% 14.5258 98.4589)
        }
    }
}
@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;
        -webkit-text-decoration:inherit;
        -webkit-text-decoration: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
    }
    :-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
    }
    *{
        border-color:var(--border);
        outline-color:var(--ring)
    }
    @supports (color:color-mix(in lab, red, red)){
        *{
            outline-color:color-mix(in oklab,var(--ring)50%,transparent)
        }
    }
    body{
        background-color:var(--background);
        color:var(--foreground)
    }
}
@layer components;
@layer utilities{
    .absolute{
        position:absolute
    }
    .relative{
        position:relative
    }
    .inset-0{
        inset:calc(var(--spacing)*0)
    }
    .z-10{
        z-index:10
    }
    .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
        }
    }
    .mx-auto{
        margin-inline:auto
    }
    .mt-2{
        margin-top:calc(var(--spacing)*2)
    }
    .mt-12{
        margin-top:calc(var(--spacing)*12)
    }
    .block{
        display:block
    }
    .flex{
        display:flex
    }
    .grid{
        display:grid
    }
    .inline-flex{
        display:inline-flex
    }
    .size-8{
        width:calc(var(--spacing)*8);
        height:calc(var(--spacing)*8)
    }
    .size-9{
        width:calc(var(--spacing)*9);
        height:calc(var(--spacing)*9)
    }
    .size-10{
        width:calc(var(--spacing)*10);
        height:calc(var(--spacing)*10)
    }
    .h-3{
        height:calc(var(--spacing)*3)
    }
    .h-5{
        height:calc(var(--spacing)*5)
    }
    .h-8{
        height:calc(var(--spacing)*8)
    }
    .h-9{
        height:calc(var(--spacing)*9)
    }
    .h-10{
        height:calc(var(--spacing)*10)
    }
    .h-48{
        height:calc(var(--spacing)*48)
    }
    .h-64{
        height:calc(var(--spacing)*64)
    }
    .h-full{
        height:100%
    }
    .min-h-screen{
        min-height:100vh
    }
    .w-3{
        width:calc(var(--spacing)*3)
    }
    .w-5{
        width:calc(var(--spacing)*5)
    }
    .w-64{
        width:calc(var(--spacing)*64)
    }
    .w-full{
        width:100%
    }
    .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)
    }
    .shrink-0{
        flex-shrink:0
    }
    .scale-110{
        --tw-scale-x:110%;
        --tw-scale-y:110%;
        --tw-scale-z:110%;
        scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .transform{
        transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }
    .animate-pulse{
        animation:var(--animate-pulse)
    }
    .cursor-pointer{
        cursor:pointer
    }
    .grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .flex-col{
        flex-direction:column
    }
    .flex-wrap{
        flex-wrap:wrap
    }
    .items-center{
        align-items:center
    }
    .justify-center{
        justify-content:center
    }
    .gap-1\.5{
        gap:calc(var(--spacing)*1.5)
    }
    .gap-2{
        gap:calc(var(--spacing)*2)
    }
    .gap-3{
        gap:calc(var(--spacing)*3)
    }
    .gap-4{
        gap:calc(var(--spacing)*4)
    }
    .gap-6{
        gap:calc(var(--spacing)*6)
    }
    :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-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)))
    }
    .overflow-hidden{
        overflow:hidden
    }
    .rounded-full{
        border-radius:3.40282e38px
    }
    .rounded-lg{
        border-radius:var(--radius)
    }
    .rounded-md{
        border-radius:calc(var(--radius) - 2px)
    }
    .rounded-xl{
        border-radius:calc(var(--radius) + 4px)
    }
    .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-t{
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
    .border-t-2{
        border-top-style:var(--tw-border-style);
        border-top-width:2px
    }
    .border-jeet-green,.border-jeet-green\/20{
        border-color:var(--jeet-green)
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-jeet-green\/20{
            border-color:color-mix(in oklab,var(--jeet-green)20%,transparent)
        }
    }
    .border-jeet-green\/30{
        border-color:var(--jeet-green)
    }
    @supports (color:color-mix(in lab, red, red)){
        .border-jeet-green\/30{
            border-color:color-mix(in oklab,var(--jeet-green)30%,transparent)
        }
    }
    .bg-background{
        background-color:var(--background)
    }
    .bg-destructive{
        background-color:var(--destructive)
    }
    .bg-jeet-dark\/30{
        background-color:var(--jeet-dark)
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-jeet-dark\/30{
            background-color:color-mix(in oklab,var(--jeet-dark)30%,transparent)
        }
    }
    .bg-jeet-dark\/50{
        background-color:var(--jeet-dark)
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-jeet-dark\/50{
            background-color:color-mix(in oklab,var(--jeet-dark)50%,transparent)
        }
    }
    .bg-jeet-darker\/50{
        background-color:var(--jeet-darker)
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-jeet-darker\/50{
            background-color:color-mix(in oklab,var(--jeet-darker)50%,transparent)
        }
    }
    .bg-jeet-darker\/70{
        background-color:var(--jeet-darker)
    }
    @supports (color:color-mix(in lab, red, red)){
        .bg-jeet-darker\/70{
            background-color:color-mix(in oklab,var(--jeet-darker)70%,transparent)
        }
    }
    .bg-jeet-green{
        background-color:var(--jeet-green)
    }
    .bg-primary{
        background-color:var(--primary)
    }
    .bg-red-600{
        background-color:var(--color-red-600)
    }
    .bg-secondary{
        background-color:var(--secondary)
    }
    .bg-gradient-to-b{
        --tw-gradient-position:to bottom in oklab;
        background-image:linear-gradient(var(--tw-gradient-stops))
    }
    .from-jeet-dark\/95{
        --tw-gradient-from:var(--jeet-dark)
    }
    @supports (color:color-mix(in lab, red, red)){
        .from-jeet-dark\/95{
            --tw-gradient-from:color-mix(in oklab,var(--jeet-dark)95%,transparent)
        }
    }
    .from-jeet-dark\/95{
        --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-jeet-dark\/98{
        --tw-gradient-via:var(--jeet-dark)
    }
    @supports (color:color-mix(in lab, red, red)){
        .via-jeet-dark\/98{
            --tw-gradient-via:color-mix(in oklab,var(--jeet-dark)98%,transparent)
        }
    }
    .via-jeet-dark\/98{
        --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-jeet-dark{
        --tw-gradient-to:var(--jeet-dark);
        --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))
    }
    .bg-cover{
        background-size:cover
    }
    .bg-center{
        background-position:50%
    }
    .object-cover{
        object-fit:cover
    }
    .p-2{
        padding:calc(var(--spacing)*2)
    }
    .p-3{
        padding:calc(var(--spacing)*3)
    }
    .p-6{
        padding:calc(var(--spacing)*6)
    }
    .px-3{
        padding-inline:calc(var(--spacing)*3)
    }
    .px-4{
        padding-inline:calc(var(--spacing)*4)
    }
    .px-6{
        padding-inline:calc(var(--spacing)*6)
    }
    .px-8{
        padding-inline:calc(var(--spacing)*8)
    }
    .px-10{
        padding-inline:calc(var(--spacing)*10)
    }
    .py-2{
        padding-block:calc(var(--spacing)*2)
    }
    .py-3{
        padding-block:calc(var(--spacing)*3)
    }
    .py-4{
        padding-block:calc(var(--spacing)*4)
    }
    .py-7{
        padding-block:calc(var(--spacing)*7)
    }
    .py-8{
        padding-block:calc(var(--spacing)*8)
    }
    .py-12{
        padding-block:calc(var(--spacing)*12)
    }
    .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-16{
        padding-top:calc(var(--spacing)*16)
    }
    .text-center{
        text-align:center
    }
    .text-left{
        text-align:left
    }
    .font-mono{
        font-family:Geist Mono,Geist Mono Fallback
    }
    .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-6xl{
        font-size:var(--text-6xl);
        line-height:var(--tw-leading,var(--text-6xl--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))
    }
    .leading-relaxed{
        --tw-leading:var(--leading-relaxed);
        line-height:var(--leading-relaxed)
    }
    .font-black{
        --tw-font-weight:var(--font-weight-black);
        font-weight:var(--font-weight-black)
    }
    .font-bold{
        --tw-font-weight:var(--font-weight-bold);
        font-weight:var(--font-weight-bold)
    }
    .font-medium{
        --tw-font-weight:var(--font-weight-medium);
        font-weight:var(--font-weight-medium)
    }
    .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-widest{
        --tw-tracking:var(--tracking-widest);
        letter-spacing:var(--tracking-widest)
    }
    .text-balance{
        text-wrap:balance
    }
    .whitespace-nowrap{
        white-space:nowrap
    }
    .text-jeet-dark{
        color:var(--jeet-dark)
    }
    .text-jeet-gray{
        color:var(--jeet-gray)
    }
    .text-jeet-green{
        color:var(--jeet-green)
    }
    .text-jeet-green-bright{
        color:var(--jeet-green-bright)
    }
    .text-primary{
        color:var(--primary)
    }
    .text-primary-foreground{
        color:var(--primary-foreground)
    }
    .text-red-500{
        color:var(--color-red-500)
    }
    .text-red-600{
        color:var(--color-red-600)
    }
    .text-secondary-foreground{
        color:var(--secondary-foreground)
    }
    .text-white{
        color:var(--color-white)
    }
    .text-yellow-500{
        color:var(--color-yellow-500)
    }
    .uppercase{
        text-transform:uppercase
    }
    .underline-offset-4{
        text-underline-offset:4px
    }
    .antialiased{
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
    .opacity-0{
        opacity:0
    }
    .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-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-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)
    }
    .shadow-xs{
        --tw-shadow:0 1px 2px 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-jeet-green\/10{
        --tw-shadow-color:var(--jeet-green)
    }
    @supports (color:color-mix(in lab, red, red)){
        .shadow-jeet-green\/10{
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--jeet-green)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }
    .shadow-jeet-green\/50{
        --tw-shadow-color:var(--jeet-green)
    }
    @supports (color:color-mix(in lab, red, red)){
        .shadow-jeet-green\/50{
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--jeet-green)50%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }
    .shadow-red-600\/50{
        --tw-shadow-color:#e4001480
    }
    @supports (color:color-mix(in lab, red, red)){
        .shadow-red-600\/50{
            --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-600)50%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }
    .outline{
        outline-style:var(--tw-outline-style);
        outline-width:1px
    }
    .blur-md{
        --tw-blur:blur(var(--blur-md));
        filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }
    .backdrop-blur-xl{
        --tw-backdrop-blur:blur(var(--blur-xl));
        -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-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{
        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-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))
    }
    .duration-300{
        --tw-duration:.3s;
        transition-duration:.3s
    }
    .outline-none{
        --tw-outline-style:none;
        outline-style:none
    }
    .\[text-shadow\:_0_0_20px_rgb\(34_197_94_\/_30\%\)\]{
        text-shadow:0 0 20px #22c55e4d
    }
    .\[text-shadow\:_0_0_30px_rgb\(34_197_94_\/_40\%\)\]{
        text-shadow:0 0 30px #22c55e66
    }
    .\[text-shadow\:_0_0_40px_rgb\(34_197_94_\/_60\%\)\]{
        text-shadow:0 0 40px #22c55e99
    }
    @media (hover:hover){
        .group-hover\:text-jeet-green-bright:is(:where(.group):hover *){
            color:var(--jeet-green-bright)
        }
        .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\:border-jeet-green\/50:hover{
            border-color:var(--jeet-green)
        }
        @supports (color:color-mix(in lab, red, red)){
            .hover\:border-jeet-green\/50:hover{
                border-color:color-mix(in oklab,var(--jeet-green)50%,transparent)
            }
        }
        .hover\:bg-accent:hover{
            background-color:var(--accent)
        }
        .hover\:bg-destructive\/90:hover{
            background-color:var(--destructive)
        }
        @supports (color:color-mix(in lab, red, red)){
            .hover\:bg-destructive\/90:hover{
                background-color:color-mix(in oklab,var(--destructive)90%,transparent)
            }
        }
        .hover\:bg-jeet-green-bright:hover{
            background-color:var(--jeet-green-bright)
        }
        .hover\:bg-primary\/90:hover{
            background-color:var(--primary)
        }
        @supports (color:color-mix(in lab, red, red)){
            .hover\:bg-primary\/90:hover{
                background-color:color-mix(in oklab,var(--primary)90%,transparent)
            }
        }
        .hover\:bg-red-700:hover{
            background-color:var(--color-red-700)
        }
        .hover\:bg-secondary\/80:hover{
            background-color:var(--secondary)
        }
        @supports (color:color-mix(in lab, red, red)){
            .hover\:bg-secondary\/80:hover{
                background-color:color-mix(in oklab,var(--secondary)80%,transparent)
            }
        }
        .hover\:text-accent-foreground:hover{
            color:var(--accent-foreground)
        }
        .hover\:text-jeet-green-bright:hover{
            color:var(--jeet-green-bright)
        }
        .hover\:underline:hover{
            text-decoration-line:underline
        }
        .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-jeet-green-bright\/60:hover{
            --tw-shadow-color:var(--jeet-green-bright)
        }
        @supports (color:color-mix(in lab, red, red)){
            .hover\:shadow-jeet-green-bright\/60:hover{
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--jeet-green-bright)60%,transparent)var(--tw-shadow-alpha),transparent)
            }
        }
        .hover\:shadow-jeet-green\/20:hover{
            --tw-shadow-color:var(--jeet-green)
        }
        @supports (color:color-mix(in lab, red, red)){
            .hover\:shadow-jeet-green\/20:hover{
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--jeet-green)20%,transparent)var(--tw-shadow-alpha),transparent)
            }
        }
        .hover\:shadow-red-700\/60:hover{
            --tw-shadow-color:#bf000f99
        }
        @supports (color:color-mix(in lab, red, red)){
            .hover\:shadow-red-700\/60:hover{
                --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-700)60%,transparent)var(--tw-shadow-alpha),transparent)
            }
        }
    }
    .focus-visible\:border-ring:focus-visible{
        border-color:var(--ring)
    }
    .focus-visible\:ring-\[3px\]:focus-visible{
        --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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-destructive\/20:focus-visible{
        --tw-ring-color:var(--destructive)
    }
    @supports (color:color-mix(in lab, red, red)){
        .focus-visible\:ring-destructive\/20:focus-visible{
            --tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)
        }
    }
    .focus-visible\:ring-ring\/50:focus-visible{
        --tw-ring-color:var(--ring)
    }
    @supports (color:color-mix(in lab, red, red)){
        .focus-visible\:ring-ring\/50:focus-visible{
            --tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)
        }
    }
    .disabled\:pointer-events-none:disabled{
        pointer-events:none
    }
    .disabled\:opacity-50:disabled{
        opacity:.5
    }
    .has-\[\>svg\]\:px-2\.5:has(>svg){
        padding-inline:calc(var(--spacing)*2.5)
    }
    .has-\[\>svg\]\:px-3:has(>svg){
        padding-inline:calc(var(--spacing)*3)
    }
    .has-\[\>svg\]\:px-4:has(>svg){
        padding-inline:calc(var(--spacing)*4)
    }
    .aria-invalid\:border-destructive[aria-invalid=true]{
        border-color:var(--destructive)
    }
    .aria-invalid\:ring-destructive\/20[aria-invalid=true]{
        --tw-ring-color:var(--destructive)
    }
    @supports (color:color-mix(in lab, red, red)){
        .aria-invalid\:ring-destructive\/20[aria-invalid=true]{
            --tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)
        }
    }
    @media (min-width:48rem){
        .md\:h-64{
            height:calc(var(--spacing)*64)
        }
        .md\:h-80{
            height:calc(var(--spacing)*80)
        }
        .md\:w-80{
            width:calc(var(--spacing)*80)
        }
        .md\:grid-cols-4{
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
        .md\:gap-10{
            gap:calc(var(--spacing)*10)
        }
        .md\:p-8{
            padding:calc(var(--spacing)*8)
        }
        .md\:px-10{
            padding-inline:calc(var(--spacing)*10)
        }
        .md\:py-20{
            padding-block:calc(var(--spacing)*20)
        }
        .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-6xl{
            font-size:var(--text-6xl);
            line-height:var(--tw-leading,var(--text-6xl--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-sm{
            font-size:var(--text-sm);
            line-height:var(--tw-leading,var(--text-sm--line-height))
        }
        .md\:text-xl{
            font-size:var(--text-xl);
            line-height:var(--tw-leading,var(--text-xl--line-height))
        }
    }
    @media (min-width:64rem){
        .lg\:text-9xl{
            font-size:var(--text-9xl);
            line-height:var(--tw-leading,var(--text-9xl--line-height))
        }
    }
    .dark\:border-input:is(.dark *){
        border-color:var(--input)
    }
    .dark\:bg-destructive\/60:is(.dark *){
        background-color:var(--destructive)
    }
    @supports (color:color-mix(in lab, red, red)){
        .dark\:bg-destructive\/60:is(.dark *){
            background-color:color-mix(in oklab,var(--destructive)60%,transparent)
        }
    }
    .dark\:bg-input\/30:is(.dark *){
        background-color:var(--input)
    }
    @supports (color:color-mix(in lab, red, red)){
        .dark\:bg-input\/30:is(.dark *){
            background-color:color-mix(in oklab,var(--input)30%,transparent)
        }
    }
    @media (hover:hover){
        .dark\:hover\:bg-accent\/50:is(.dark *):hover{
            background-color:var(--accent)
        }
        @supports (color:color-mix(in lab, red, red)){
            .dark\:hover\:bg-accent\/50:is(.dark *):hover{
                background-color:color-mix(in oklab,var(--accent)50%,transparent)
            }
        }
        .dark\:hover\:bg-input\/50:is(.dark *):hover{
            background-color:var(--input)
        }
        @supports (color:color-mix(in lab, red, red)){
            .dark\:hover\:bg-input\/50:is(.dark *):hover{
                background-color:color-mix(in oklab,var(--input)50%,transparent)
            }
        }
    }
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{
        --tw-ring-color:var(--destructive)
    }
    @supports (color:color-mix(in lab, red, red)){
        .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{
            --tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)
        }
    }
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{
        --tw-ring-color:var(--destructive)
    }
    @supports (color:color-mix(in lab, red, red)){
        .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{
            --tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)
        }
    }
    .\[\&_svg\]\:pointer-events-none svg{
        pointer-events:none
    }
    .\[\&_svg\]\:shrink-0 svg{
        flex-shrink:0
    }
    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){
        width:calc(var(--spacing)*4);
        height:calc(var(--spacing)*4)
    }
    @keyframes fade-in-up{
        0%{
            opacity:0;
            transform:translateY(20px)
        }
        to{
            opacity:1;
            transform:translateY(0)
        }
    }
    @keyframes scale-in-bounce{
        0%{
            opacity:0;
            transform:scale(.3)
        }
        50%{
            transform:scale(1.05)
        }
        70%{
            transform:scale(.95)
        }
        to{
            opacity:1;
            transform:scale(1)
        }
    }
    .animate-fade-in-up{
        animation:.8s ease-out forwards fade-in-up
    }
    .animate-scale-in-bounce{
        animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards scale-in-bounce
    }
    .animation-delay-100{
        animation-delay:.1s
    }
    .animation-delay-300{
        animation-delay:.3s
    }
}
@property --tw-animation-delay{
    syntax:"*";
    inherits:false;
    initial-value:0s
}
@property --tw-animation-direction{
    syntax:"*";
    inherits:false;
    initial-value:normal
}
@property --tw-animation-duration{
    syntax:"*";
    inherits:false
}
@property --tw-animation-fill-mode{
    syntax:"*";
    inherits:false;
    initial-value:forwards
}
@property --tw-animation-iteration-count{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-enter-opacity{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-enter-rotate{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-enter-scale{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-enter-translate-x{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-enter-translate-y{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-exit-opacity{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-exit-rotate{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-exit-scale{
    syntax:"*";
    inherits:false;
    initial-value:1
}
@property --tw-exit-translate-x{
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-exit-translate-y{
    syntax:"*";
    inherits:false;
    initial-value:0
}
:root {
    --background: #F7A8B8; /* Light pink (Trans Pride) */
    --foreground: #333; /* Dark text for readability */
    --card: #fff; /* White card background */
    --card-foreground: #333; /* Dark text for readability */
    --popover: #fff; /* White popover */
    --popover-foreground: #333; /* Dark text in popover */

    --primary: #55CDFC; /* Light blue (Trans Pride) */
    --primary-foreground: #fff; /* White text for primary elements */

    --secondary: #F7A8B8; /* Light pink (Trans Pride) */
    --secondary-foreground: #333; /* Dark gray text for secondary elements */

    --muted: #F1C6D9; /* Soft pink */
    --muted-foreground: #6b6780; /* Soft gray muted text */

    --accent: #fff; /* White accents */
    --accent-foreground: #333; /* Dark text for accents */

    --destructive: #ff375f; /* Red for destructive actions */
    --destructive-foreground: #fff; /* White text on destructive elements */

    --border: #dedbea; /* Light gray border */
    --input: #dedbea; /* Light gray input fields */
    --ring: #a78bfa; /* Light purple ring for active states */

    --chart-1: #F7A8B8; /* Light pink (Trans Pride) */
    --chart-2: #55CDFC; /* Light blue (Trans Pride) */
    --chart-3: #fff; /* White */
    --chart-4: #F7A8B8; /* Light pink (Trans Pride) */
    --chart-5: #55CDFC; /* Light blue (Trans Pride) */

    --radius: .75rem; /* Soft border radius */
    
    --sidebar: #fff; /* White sidebar */
    --sidebar-foreground: #333; /* Dark gray text in sidebar */
    --sidebar-primary: #55CDFC; /* Light blue sidebar items */
    --sidebar-primary-foreground: #fff; /* White text in sidebar items */
    --sidebar-accent: #F7A8B8; /* Light pink accent */
    --sidebar-accent-foreground: #333; /* Dark gray accent text */
    --sidebar-border: #dedbea; /* Light gray border */
    --sidebar-ring: #a78bfa; /* Light purple ring for sidebar */
}

@supports (color: lab(0% 0 0)) {
    :root {
        --background: lab(94% 4 -4); /* Light pink (Trans Pride) */
        --foreground: lab(18% 6 -2); /* Dark gray text */
        --card: lab(100% 0 0); /* White card background */
        --card-foreground: lab(18% 6 -2); /* Dark text for readability */
        --popover: lab(100% 0 0); /* White popover */
        --popover-foreground: lab(18% 6 -2); /* Dark text in popover */

        --primary: lab(50% 45 -35); /* Light blue (Trans Pride) */
        --primary-foreground: lab(100% 0 0); /* White text for primary elements */

        --secondary: lab(97% 2 -8); /* Light pink (Trans Pride) */
        --secondary-foreground: lab(18% 6 -2); /* Dark gray text for secondary elements */

        --muted: lab(95% 4 -4); /* Soft pink */
        --muted-foreground: lab(50% 6 -12);

        --accent: lab(100% 0 0); /* White accents */
        --accent-foreground: lab(18% 6 -2); /* Dark gray text for accents */

        --destructive: lab(55% 75 35); /* Red for destructive actions */
        --destructive-foreground: lab(100% 0 0); /* White text on destructive elements */

        --border: lab(88% 2 -4); /* Light gray border */
        --input: lab(88% 2 -4); /* Light gray input fields */
        --ring: lab(70% 55 -70); /* Light purple ring for active states */

        --chart-1: lab(97% 2 -8); /* Light pink (Trans Pride) */
        --chart-2: lab(50% 45 -35); /* Light blue (Trans Pride) */
        --chart-3: lab(100% 0 0); /* White */
        --chart-4: lab(97% 2 -8); /* Light pink (Trans Pride) */
        --chart-5: lab(50% 45 -35); /* Light blue (Trans Pride) */

        --sidebar: lab(100% 0 0); /* White sidebar */
        --sidebar-foreground: lab(18% 6 -2); /* Dark gray text in sidebar */
        --sidebar-primary: lab(50% 45 -35); /* Light blue sidebar items */
        --sidebar-primary-foreground: lab(100% 0 0); /* White text in sidebar items */
        --sidebar-accent: lab(97% 2 -8); /* Light pink accent */
        --sidebar-accent-foreground: lab(18% 6 -2); /* Dark gray accent text */
        --sidebar-border: lab(88% 2 -4); /* Light gray border */
        --sidebar-ring: lab(70% 55 -70); /* Light purple ring for sidebar */
    }
}



@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-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
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}