/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
/* ZebasoTech Global Variables */
:root {
    --zebaso-navy: #020412;
    --zebaso-blue: #0052FF;
    --zebaso-orange: #FF5500;
    --zebaso-dark-gray: #0a0a0b;
    --zebaso-light-gray: #e5e5e5;
    --zebaso-glass: rgba(255, 255, 255, 0.05);
    --zebaso-font: 'Inter', sans-serif;
}

body {
    background-color: var(--zebaso-navy);
    font-family: var(--zebaso-font);
}

/* ZebasoTech Utilities */
.glass-panel {
    background: var(--zebaso-glass);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.text-gradient-zebaso {
    background: linear-gradient(135deg, #fff 0%, var(--zebaso-blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-zebaso-primary {
    background: var(--zebaso-blue);
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-zebaso-primary:hover {
    background: #0040cc;
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 82, 255, 0.3);
}

/* Base Styles */
@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-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --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-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: 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-contain-size: initial;
            --tw-contain-layout: initial;
            --tw-contain-paint: initial;
            --tw-contain-style: initial;
            --tw-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%
        }
    }

    .\@container\/card-header {
        container: card-header/inline-size
    }

    .\@container {
        container-type: inline-size
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .pointer-events-none {
        pointer-events: none
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .top-1\/2 {
        top: 50%
    }

    .left-1\/2 {
        left: 50%
    }

    .isolate {
        isolation: isolate
    }

    .isolation-auto {
        isolation: auto
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-50 {
        z-index: 50
    }

    .order-0,
    .order-none {
        order: 0
    }

    .col-start-2 {
        grid-column-start: 2
    }

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .float-end {
        float: inline-end
    }

    .float-left {
        float: left
    }

    .float-none {
        float: none
    }

    .float-right {
        float: right
    }

    .float-start {
        float: inline-start
    }

    .clear-both {
        clear: both
    }

    .clear-end {
        clear: inline-end
    }

    .clear-left {
        clear: left
    }

    .clear-none {
        clear: none
    }

    .clear-right {
        clear: right
    }

    .clear-start {
        clear: inline-start
    }

    .container {
        width: 100%
    }

    .mx-auto {
        margin-inline: auto
    }

    .box-border {
        box-sizing: border-box
    }

    .box-content {
        box-sizing: content-box
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .flow-root {
        display: flow-root
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .inline-table {
        display: inline-table
    }

    .list-item {
        display: list-item
    }

    .table {
        display: table
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .table-column {
        display: table-column
    }

    .table-column-group {
        display: table-column-group
    }

    .table-footer-group {
        display: table-footer-group
    }

    .table-header-group {
        display: table-header-group
    }

    .table-row {
        display: table-row
    }

    .table-row-group {
        display: table-row-group
    }

    .field-sizing-content {
        field-sizing: content
    }

    .field-sizing-fixed {
        field-sizing: fixed
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .size-auto {
        width: auto;
        height: auto
    }

    .h-\[800px\] {
        height: 800px
    }

    .h-\[var\(--radix-select-trigger-height\)\] {
        height: var(--radix-select-trigger-height)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-lh {
        height: 1lh
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

    .max-h-\(--radix-select-content-available-height\) {
        max-height: var(--radix-select-content-available-height)
    }

    .max-h-lh {
        max-height: 1lh
    }

    .max-h-none {
        max-height: none
    }

    .max-h-screen {
        max-height: 100vh
    }

    .min-h-\[140px\] {
        min-height: 140px
    }

    .min-h-auto {
        min-height: auto
    }

    .min-h-lh {
        min-height: 1lh
    }

    .min-h-screen {
        min-height: 100vh
    }

    .w-\[1\.5\%\] {
        width: 1.5%
    }

    .w-\[9\%\] {
        width: 9%
    }

    .w-\[100\%\] {
        width: 100%
    }

    .w-\[100px\] {
        width: 100px
    }

    .w-\[800px\] {
        width: 800px
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-screen {
        width: 100vw
    }

    .max-w-none {
        max-width: none
    }

    .max-w-screen {
        max-width: 100vw
    }

    .min-w-\[0px\] {
        min-width: 0
    }

    .min-w-\[5px\] {
        min-width: 5px
    }

    .min-w-\[8rem\] {
        min-width: 8rem
    }

    .min-w-\[320px\] {
        min-width: 320px
    }

    .min-w-\[var\(--radix-select-trigger-width\)\] {
        min-width: var(--radix-select-trigger-width)
    }

    .min-w-auto {
        min-width: auto
    }

    .min-w-screen {
        min-width: 100vw
    }

    .flex-1 {
        flex: 1
    }

    .flex-auto {
        flex: auto
    }

    .flex-initial {
        flex: 0 auto
    }

    .flex-none {
        flex: none
    }

    .flex-shrink {
        flex-shrink: 1
    }

    .flex-shrink-0 {
        flex-shrink: 0
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow,
    .grow {
        flex-grow: 1
    }

    .basis-auto {
        flex-basis: auto
    }

    .basis-full {
        flex-basis: 100%
    }

    .table-auto {
        table-layout: auto
    }

    .table-fixed {
        table-layout: fixed
    }

    .caption-bottom {
        caption-side: bottom
    }

    .caption-top {
        caption-side: top
    }

    .border-collapse {
        border-collapse: collapse
    }

    .border-separate {
        border-collapse: separate
    }

    .origin-\(--radix-select-content-transform-origin\) {
        transform-origin: var(--radix-select-content-transform-origin)
    }

    .-translate-full {
        --tw-translate-x: -100%;
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-full {
        --tw-translate-x: 100%;
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-3d {
        translate: var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z)
    }

    .translate-none {
        translate: none
    }

    .scale-120 {
        --tw-scale-x: 120%;
        --tw-scale-y: 120%;
        --tw-scale-z: 120%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-3d {
        scale: var(--tw-scale-x)var(--tw-scale-y)var(--tw-scale-z)
    }

    .scale-none {
        scale: none
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-none {
        rotate: none
    }

    .transform,
    .transform-cpu {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .transform-gpu {
        transform: translateZ(0)var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .transform-none {
        transform: none
    }

    .\[animation\:spin_20s_linear_infinite\] {
        animation: 20s linear infinite spin
    }

    .animate-\[spin_10s_linear_infinite\] {
        animation: 10s linear infinite spin
    }

    .animate-\[spin_20s_linear_infinite\] {
        animation: 20s linear infinite spin
    }

    .cursor-default {
        cursor: default
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .touch-pinch-zoom {
        --tw-pinch-zoom: pinch-zoom;
        touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .resize-x {
        resize: horizontal
    }

    .resize-y {
        resize: vertical
    }

    .snap-none {
        scroll-snap-type: none
    }

    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }

    .snap-proximity {
        --tw-scroll-snap-strictness: proximity
    }

    .snap-align-none {
        scroll-snap-align: none
    }

    .snap-center {
        scroll-snap-align: center
    }

    .snap-end {
        scroll-snap-align: end
    }

    .snap-start {
        scroll-snap-align: start
    }

    .snap-always {
        scroll-snap-stop: always
    }

    .snap-normal {
        scroll-snap-stop: normal
    }

    .list-inside {
        list-style-position: inside
    }

    .list-outside {
        list-style-position: outside
    }

    .list-none {
        list-style-type: none
    }

    .appearance-auto {
        appearance: auto
    }

    .appearance-none {
        appearance: none
    }

    .grid-flow-col {
        grid-auto-flow: column
    }

    .grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .grid-flow-dense {
        grid-auto-flow: dense
    }

    .grid-flow-row {
        grid-auto-flow: row
    }

    .grid-flow-row-dense {
        grid-auto-flow: dense
    }

    .auto-rows-min {
        grid-auto-rows: min-content
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-row-reverse {
        flex-direction: row-reverse
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .place-content-around {
        place-content: space-around
    }

    .place-content-baseline {
        place-content: baseline start
    }

    .place-content-between {
        place-content: space-between
    }

    .place-content-center {
        place-content: center
    }

    .place-content-center-safe {
        place-content: safe center
    }

    .place-content-end {
        place-content: end
    }

    .place-content-end-safe {
        place-content: safe end
    }

    .place-content-evenly {
        place-content: space-evenly
    }

    .place-content-start {
        place-content: start
    }

    .place-content-stretch {
        place-content: stretch
    }

    .place-items-baseline {
        place-items: baseline
    }

    .place-items-center {
        place-items: center
    }

    .place-items-center-safe {
        place-items: safe center
    }

    .place-items-end {
        place-items: end
    }

    .place-items-end-safe {
        place-items: safe end
    }

    .place-items-start {
        place-items: start
    }

    .place-items-stretch {
        place-items: stretch stretch
    }

    .content-around {
        align-content: space-around
    }

    .content-baseline {
        align-content: baseline
    }

    .content-between {
        align-content: space-between
    }

    .content-center {
        align-content: center
    }

    .content-center-safe {
        align-content: safe center
    }

    .content-end {
        align-content: flex-end
    }

    .content-end-safe {
        align-content: safe flex-end
    }

    .content-evenly {
        align-content: space-evenly
    }

    .content-normal {
        align-content: normal
    }

    .content-start {
        align-content: flex-start
    }

    .content-stretch {
        align-content: stretch
    }

    .items-baseline {
        align-items: baseline
    }

    .items-baseline-last {
        align-items: last baseline
    }

    .items-center {
        align-items: center
    }

    .items-center-safe {
        align-items: safe center
    }

    .items-end {
        align-items: flex-end
    }

    .items-end-safe {
        align-items: safe flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

    .justify-around {
        justify-content: space-around
    }

    .justify-baseline {
        justify-content: baseline
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-center-safe {
        justify-content: safe center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-end-safe {
        justify-content: safe flex-end
    }

    .justify-evenly {
        justify-content: space-evenly
    }

    .justify-normal {
        justify-content: normal
    }

    .justify-start {
        justify-content: flex-start
    }

    .justify-stretch {
        justify-content: stretch
    }

    .justify-items-center {
        justify-items: center
    }

    .justify-items-center-safe {
        justify-items: safe center
    }

    .justify-items-end {
        justify-items: end
    }

    .justify-items-end-safe {
        justify-items: safe end
    }

    .justify-items-normal {
        justify-items: normal
    }

    .justify-items-start {
        justify-items: start
    }

    .justify-items-stretch {
        justify-items: stretch
    }

    :where(.space-y-reverse>:not(:last-child)) {
        --tw-space-y-reverse: 1
    }

    :where(.space-x-reverse>:not(:last-child)) {
        --tw-space-x-reverse: 1
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-y-reverse>:not(:last-child)) {
        --tw-divide-y-reverse: 1
    }

    .place-self-auto {
        place-self: auto
    }

    .place-self-center {
        place-self: center
    }

    .place-self-center-safe {
        place-self: safe center
    }

    .place-self-end {
        place-self: end
    }

    .place-self-end-safe {
        place-self: safe end
    }

    .place-self-start {
        place-self: start
    }

    .place-self-stretch {
        place-self: stretch stretch
    }

    .self-auto {
        align-self: auto
    }

    .self-baseline {
        align-self: baseline
    }

    .self-baseline-last {
        align-self: last baseline
    }

    .self-center {
        align-self: center
    }

    .self-center-safe {
        align-self: safe center
    }

    .self-end {
        align-self: flex-end
    }

    .self-end-safe {
        align-self: safe flex-end
    }

    .self-start {
        align-self: flex-start
    }

    .self-stretch {
        align-self: stretch
    }

    .justify-self-auto {
        justify-self: auto
    }

    .justify-self-center {
        justify-self: center
    }

    .justify-self-center-safe {
        justify-self: safe center
    }

    .justify-self-end {
        justify-self: flex-end
    }

    .justify-self-end-safe {
        justify-self: safe flex-end
    }

    .justify-self-start {
        justify-self: flex-start
    }

    .justify-self-stretch {
        justify-self: stretch
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .scroll-auto {
        scroll-behavior: auto
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-r-full {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }

    .border-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px
    }

    .border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px
    }

    .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-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-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-dotted {
        --tw-border-style: dotted;
        border-style: dotted
    }

    .border-double {
        --tw-border-style: double;
        border-style: double
    }

    .border-hidden {
        --tw-border-style: hidden;
        border-style: hidden
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .border-\[\#fbf0df\] {
        border-color: #fbf0df
    }

    .border-transparent {
        border-color: #0000
    }

    .border-t-transparent {
        border-top-color: #0000
    }

    .bg-\[\#1a1a1a\] {
        background-color: #1a1a1a
    }

    .bg-\[\#1e1e1e\] {
        background-color: #1e1e1e
    }

    .bg-\[\#242424\] {
        background-color: #242424
    }

    .bg-\[\#fbf0df\] {
        background-color: #fbf0df
    }

    .bg-transparent {
        background-color: #0000
    }

    .-bg-conic,
    .bg-conic {
        --tw-gradient-position: in oklab;
        background-image: conic-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))
    }

    .bg-radial {
        --tw-gradient-position: in oklab;
        background-image: radial-gradient(var(--tw-gradient-stops))
    }

    .bg-\[url\(\'https\:\/\/grainy-gradients\.vercel\.app\/noise\.svg\'\)\] {
        background-image: url(https://grainy-gradients.vercel.app/noise.svg)
    }

    .bg-none {
        background-image: none
    }

    .via-none {
        --tw-gradient-via-stops: initial
    }

    .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))
    }

    .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))
    }

    .mask-none {
        -webkit-mask-image: none;
        mask-image: none
    }

    .mask-circle {
        --tw-mask-radial-shape: circle
    }

    .mask-ellipse {
        --tw-mask-radial-shape: ellipse
    }

    .mask-radial-closest-corner {
        --tw-mask-radial-size: closest-corner
    }

    .mask-radial-closest-side {
        --tw-mask-radial-size: closest-side
    }

    .mask-radial-farthest-corner {
        --tw-mask-radial-size: farthest-corner
    }

    .mask-radial-farthest-side {
        --tw-mask-radial-size: farthest-side
    }

    .mask-radial-at-bottom {
        --tw-mask-radial-position: bottom
    }

    .mask-radial-at-bottom-left {
        --tw-mask-radial-position: bottom left
    }

    .mask-radial-at-bottom-right {
        --tw-mask-radial-position: bottom right
    }

    .mask-radial-at-center {
        --tw-mask-radial-position: center
    }

    .mask-radial-at-left {
        --tw-mask-radial-position: left
    }

    .mask-radial-at-right {
        --tw-mask-radial-position: right
    }

    .mask-radial-at-top {
        --tw-mask-radial-position: top
    }

    .mask-radial-at-top-left {
        --tw-mask-radial-position: top left
    }

    .mask-radial-at-top-right {
        --tw-mask-radial-position: top right
    }

    .box-decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

    .box-decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice
    }

    .decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }

    .decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice
    }

    .bg-auto {
        background-size: auto
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-fixed {
        background-attachment: fixed
    }

    .bg-local {
        background-attachment: local
    }

    .bg-scroll {
        background-attachment: scroll
    }

    .bg-clip-border {
        background-clip: border-box
    }

    .bg-clip-content {
        background-clip: content-box
    }

    .bg-clip-padding {
        background-clip: padding-box
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-bottom {
        background-position: bottom
    }

    .bg-bottom-left {
        background-position: 0 100%
    }

    .bg-bottom-right {
        background-position: 100% 100%
    }

    .bg-center {
        background-position: 50%
    }

    .bg-left {
        background-position: 0
    }

    .bg-left-bottom {
        background-position: 0 100%
    }

    .bg-left-top {
        background-position: 0 0
    }

    .bg-right {
        background-position: 100%
    }

    .bg-right-bottom {
        background-position: 100% 100%
    }

    .bg-right-top {
        background-position: 100% 0
    }

    .bg-top {
        background-position: top
    }

    .bg-top-left {
        background-position: 0 0
    }

    .bg-top-right {
        background-position: 100% 0
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .bg-repeat {
        background-repeat: repeat
    }

    .bg-repeat-round {
        background-repeat: round
    }

    .bg-repeat-space {
        background-repeat: space
    }

    .bg-repeat-x {
        background-repeat: repeat-x
    }

    .bg-repeat-y {
        background-repeat: repeat-y
    }

    .bg-origin-border {
        background-origin: border-box
    }

    .bg-origin-content {
        background-origin: content-box
    }

    .bg-origin-padding {
        background-origin: padding-box
    }

    .mask-add {
        -webkit-mask-composite: source-over;
        -webkit-mask-composite: source-over;
        mask-composite: add
    }

    .mask-exclude {
        -webkit-mask-composite: xor;
        -webkit-mask-composite: xor;
        mask-composite: exclude
    }

    .mask-intersect {
        -webkit-mask-composite: source-in;
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }

    .mask-subtract {
        -webkit-mask-composite: source-out;
        -webkit-mask-composite: source-out;
        mask-composite: subtract
    }

    .mask-alpha {
        -webkit-mask-source-type: alpha;
        -webkit-mask-source-type: alpha;
        mask-mode: alpha
    }

    .mask-luminance {
        -webkit-mask-source-type: luminance;
        -webkit-mask-source-type: luminance;
        mask-mode: luminance
    }

    .mask-match {
        -webkit-mask-source-type: auto;
        -webkit-mask-source-type: auto;
        mask-mode: match-source
    }

    .mask-type-alpha {
        mask-type: alpha
    }

    .mask-type-luminance {
        mask-type: luminance
    }

    .mask-auto {
        -webkit-mask-size: auto;
        mask-size: auto
    }

    .mask-contain {
        -webkit-mask-size: contain;
        mask-size: contain
    }

    .mask-cover {
        -webkit-mask-size: cover;
        mask-size: cover
    }

    .mask-clip-border {
        -webkit-mask-clip: border-box;
        mask-clip: border-box
    }

    .mask-clip-content {
        -webkit-mask-clip: content-box;
        mask-clip: content-box
    }

    .mask-clip-fill {
        -webkit-mask-clip: fill-box;
        mask-clip: fill-box
    }

    .mask-clip-padding {
        -webkit-mask-clip: padding-box;
        mask-clip: padding-box
    }

    .mask-clip-stroke {
        -webkit-mask-clip: stroke-box;
        mask-clip: stroke-box
    }

    .mask-clip-view {
        -webkit-mask-clip: view-box;
        mask-clip: view-box
    }

    .mask-no-clip {
        -webkit-mask-clip: no-clip;
        mask-clip: no-clip
    }

    .mask-bottom {
        -webkit-mask-position: bottom;
        mask-position: bottom
    }

    .mask-bottom-left {
        -webkit-mask-position: 0 100%;
        mask-position: 0 100%
    }

    .mask-bottom-right {
        -webkit-mask-position: 100% 100%;
        mask-position: 100% 100%
    }

    .mask-center {
        -webkit-mask-position: 50%;
        mask-position: 50%
    }

    .mask-left {
        -webkit-mask-position: 0;
        mask-position: 0
    }

    .mask-right {
        -webkit-mask-position: 100%;
        mask-position: 100%
    }

    .mask-top {
        -webkit-mask-position: top;
        mask-position: top
    }

    .mask-top-left {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    .mask-top-right {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }

    .mask-no-repeat {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .mask-repeat {
        -webkit-mask-repeat: repeat;
        mask-repeat: repeat
    }

    .mask-repeat-round {
        -webkit-mask-repeat: round;
        mask-repeat: round
    }

    .mask-repeat-space {
        -webkit-mask-repeat: space;
        mask-repeat: space
    }

    .mask-repeat-x {
        -webkit-mask-repeat: repeat-x;
        mask-repeat: repeat-x
    }

    .mask-repeat-y {
        -webkit-mask-repeat: repeat-y;
        mask-repeat: repeat-y
    }

    .mask-origin-border {
        -webkit-mask-origin: border-box;
        mask-origin: border-box
    }

    .mask-origin-content {
        -webkit-mask-origin: content-box;
        mask-origin: content-box
    }

    .mask-origin-fill {
        -webkit-mask-origin: fill-box;
        mask-origin: fill-box
    }

    .mask-origin-padding {
        -webkit-mask-origin: padding-box;
        mask-origin: padding-box
    }

    .mask-origin-stroke {
        -webkit-mask-origin: stroke-box;
        mask-origin: stroke-box
    }

    .mask-origin-view {
        -webkit-mask-origin: view-box;
        mask-origin: view-box
    }

    .fill-none {
        fill: none
    }

    .stroke-none {
        stroke: none
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-fill {
        object-fit: fill
    }

    .object-none {
        object-fit: none
    }

    .object-scale-down {
        object-fit: scale-down
    }

    .object-left-bottom {
        object-position: left bottom
    }

    .object-left-top {
        object-position: left top
    }

    .object-right-bottom {
        object-position: right bottom
    }

    .object-right-top {
        object-position: right top
    }

    .px-\[0\.3rem\] {
        padding-inline: .3rem
    }

    .py-\[0\.2rem\] {
        padding-block: .2rem
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-justify {
        text-align: justify
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-baseline {
        vertical-align: baseline
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-middle {
        vertical-align: middle
    }

    .align-sub {
        vertical-align: sub
    }

    .align-super {
        vertical-align: super
    }

    .align-text-bottom {
        vertical-align: text-bottom
    }

    .align-text-top {
        vertical-align: text-top
    }

    .align-top {
        vertical-align: top
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .tracking-\[0\.2em\] {
        --tw-tracking: .2em;
        letter-spacing: .2em
    }

    .text-balance {
        text-wrap: balance
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-pretty {
        text-wrap: pretty
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .break-words {
        overflow-wrap: break-word
    }

    .wrap-anywhere {
        overflow-wrap: anywhere
    }

    .wrap-break-word {
        overflow-wrap: break-word
    }

    .wrap-normal {
        overflow-wrap: normal
    }

    .break-all {
        word-break: break-all
    }

    .break-keep {
        word-break: keep-all
    }

    .overflow-ellipsis {
        text-overflow: ellipsis
    }

    .text-clip {
        text-overflow: clip
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .hyphens-manual {
        -webkit-hyphens: manual;
        hyphens: manual
    }

    .hyphens-none {
        -webkit-hyphens: none;
        hyphens: none
    }

    .whitespace-break-spaces {
        white-space: break-spaces
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre {
        white-space: pre
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .text-\[\#1a1a1a\] {
        color: #1a1a1a
    }

    .text-\[\#fbf0df\] {
        color: #fbf0df
    }

    .text-\[rgba\(255\,255\,255\,0\.87\)\] {
        color: #ffffffde
    }

    .text-transparent {
        color: #0000
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .normal-case {
        text-transform: none
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .not-italic {
        font-style: normal
    }

    .font-stretch-condensed {
        font-stretch: 75%
    }

    .font-stretch-expanded {
        font-stretch: 125%
    }

    .font-stretch-extra-condensed {
        font-stretch: 62.5%
    }

    .font-stretch-extra-expanded {
        font-stretch: 150%
    }

    .font-stretch-normal {
        font-stretch: 100%
    }

    .font-stretch-semi-condensed {
        font-stretch: 87.5%
    }

    .font-stretch-semi-expanded {
        font-stretch: 112.5%
    }

    .font-stretch-ultra-condensed {
        font-stretch: 50%
    }

    .font-stretch-ultra-expanded {
        font-stretch: 200%
    }

    .diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .lining-nums {
        --tw-numeric-figure: lining-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .proportional-nums {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .normal-nums {
        font-variant-numeric: normal
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-dashed {
        text-decoration-style: dashed
    }

    .decoration-dotted {
        text-decoration-style: dotted
    }

    .decoration-double {
        text-decoration-style: double
    }

    .decoration-solid {
        text-decoration-style: solid
    }

    .decoration-wavy {
        text-decoration-style: wavy
    }

    .decoration-auto {
        text-decoration-thickness: auto
    }

    .decoration-from-font {
        text-decoration-thickness: from-font
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .placeholder-\[\#fbf0df\]\/40::placeholder {
        color: oklab(95.9232% .00488412 .0249393/.4)
    }

    .accent-auto {
        accent-color: auto
    }

    .scheme-dark {
        color-scheme: dark
    }

    .scheme-light {
        color-scheme: light
    }

    .scheme-light-dark {
        color-scheme: light dark
    }

    .scheme-normal {
        color-scheme: normal
    }

    .scheme-only-dark {
        color-scheme: dark only
    }

    .scheme-only-light {
        color-scheme: light only
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-80 {
        opacity: .8
    }

    .mix-blend-luminosity {
        mix-blend-mode: luminosity
    }

    .mix-blend-plus-darker {
        mix-blend-mode: plus-darker
    }

    .mix-blend-plus-lighter {
        mix-blend-mode: plus-lighter
    }

    .shadow-\[0_0_30px_rgba\(0\,240\,255\,0\.15\)\] {
        --tw-shadow: 0 0 30px var(--tw-shadow-color, #00f0ff26);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring {
        --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)
    }

    .inset-ring {
        --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-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-initial {
        --tw-shadow-color: initial
    }

    .inset-shadow-initial {
        --tw-inset-shadow-color: initial
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .blur-\[100px\] {
        --tw-blur: blur(100px);
        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-none {
        --tw-drop-shadow: ;
        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 {
        --tw-grayscale: grayscale(100%);
        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, )
    }

    .invert {
        --tw-invert: invert(100%);
        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, )
    }

    .sepia {
        --tw-sepia: sepia(100%);
        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-grayscale {
        --tw-backdrop-grayscale: grayscale(100%);
        -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-invert {
        --tw-backdrop-invert: invert(100%);
        -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-sepia {
        --tw-backdrop-sepia: sepia(100%);
        -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-filter {
        -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, ease);
        transition-duration: var(--tw-duration, 0s)
    }

    .transition-\[color\,box-shadow\] {
        transition-property: color, box-shadow;
        transition-timing-function: var(--tw-ease, ease);
        transition-duration: var(--tw-duration, 0s)
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, ease);
        transition-duration: var(--tw-duration, 0s)
    }

    .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, ease);
        transition-duration: var(--tw-duration, 0s)
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, ease);
        transition-duration: var(--tw-duration, 0s)
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, ease);
        transition-duration: var(--tw-duration, 0s)
    }

    .transition-discrete {
        transition-behavior: allow-discrete
    }

    .transition-normal {
        transition-behavior: normal
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .will-change-auto {
        will-change: auto
    }

    .will-change-contents {
        will-change: contents
    }

    .will-change-scroll {
        will-change: scroll-position
    }

    .will-change-transform {
        will-change: transform
    }

    .contain-inline-size {
        --tw-contain-size: inline-size;
        contain: var(--tw-contain-size, )var(--tw-contain-layout, )var(--tw-contain-paint, )var(--tw-contain-style, )
    }

    .contain-layout {
        --tw-contain-layout: layout;
        contain: var(--tw-contain-size, )var(--tw-contain-layout, )var(--tw-contain-paint, )var(--tw-contain-style, )
    }

    .contain-paint {
        --tw-contain-paint: paint;
        contain: var(--tw-contain-size, )var(--tw-contain-layout, )var(--tw-contain-paint, )var(--tw-contain-style, )
    }

    .contain-size {
        --tw-contain-size: size;
        contain: var(--tw-contain-size, )var(--tw-contain-layout, )var(--tw-contain-paint, )var(--tw-contain-style, )
    }

    .contain-style {
        --tw-contain-style: style;
        contain: var(--tw-contain-size, )var(--tw-contain-layout, )var(--tw-contain-paint, )var(--tw-contain-style, )
    }

    .contain-content {
        contain: content
    }

    .contain-none {
        contain: none
    }

    .contain-strict {
        contain: strict
    }

    .content-none {
        --tw-content: none;
        content: none
    }

    .forced-color-adjust-auto {
        forced-color-adjust: auto
    }

    .forced-color-adjust-none {
        forced-color-adjust: none
    }

    .outline-dashed {
        --tw-outline-style: dashed;
        outline-style: dashed
    }

    .outline-dotted {
        --tw-outline-style: dotted;
        outline-style: dotted
    }

    .outline-double {
        --tw-outline-style: double;
        outline-style: double
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .outline-solid {
        --tw-outline-style: solid;
        outline-style: solid
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .backface-hidden {
        backface-visibility: hidden
    }

    .backface-visible {
        backface-visibility: visible
    }

    :where(.divide-x-reverse>:not(:last-child)) {
        --tw-divide-x-reverse: 1
    }

    .duration-initial {
        --tw-duration: initial
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    .text-shadow-initial {
        --tw-text-shadow-color: initial
    }

    .transform-3d {
        transform-style: preserve-3d
    }

    .transform-border {
        transform-box: border-box
    }

    .transform-content {
        transform-box: content-box
    }

    .transform-fill {
        transform-box: fill-box
    }

    .transform-flat {
        transform-style: flat
    }

    .transform-stroke {
        transform-box: stroke-box
    }

    .transform-view {
        transform-box: view-box
    }

    .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
        rotate: 180deg
    }

    @media (hover:hover) {
        .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-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events: none
    }

    .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
        opacity: .5
    }

    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
    }

    .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
        opacity: .5
    }

    .file\:inline-flex::file-selector-button {
        display: inline-flex
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-transparent::file-selector-button {
        background-color: #0000
    }

    .focus-within\:border-\[\#f3d5a3\]:focus-within {
        border-color: #f3d5a3
    }

    @media (hover:hover) {
        .hover\:-translate-y-px:hover {
            --tw-translate-y: -1px;
            translate: var(--tw-translate-x)var(--tw-translate-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\:bg-\[\#f3d5a3\]:hover {
            background-color: #f3d5a3
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:shadow-\[0_0_30px_rgba\(0\,240\,255\,0\.1\)\]:hover {
            --tw-shadow: 0 0 30px var(--tw-shadow-color, #00f0ff1a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:drop-shadow-\[0_0_2em_\#61dafbaa\]:hover {
            --tw-drop-shadow-size: drop-shadow(0 0 2em var(--tw-drop-shadow-color, #61dafbaa));
            --tw-drop-shadow: var(--tw-drop-shadow-size);
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }

        .hover\:drop-shadow-\[0_0_2em_\#646cffaa\]:hover {
            --tw-drop-shadow-size: drop-shadow(0 0 2em var(--tw-drop-shadow-color, #646cffaa));
            --tw-drop-shadow: var(--tw-drop-shadow-size);
            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-\[\#f3d5a3\]:focus {
        border-color: #f3d5a3
    }

    .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-4:focus {
        --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\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .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)
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns: 1fr auto
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
        display: flex
    }

    :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
        align-items: center
    }

    :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) {
        --tw-space-x-reverse: 1
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
        display: flex
    }

    :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
        align-items: center
    }

    @layer utilities {
        @keyframes fade-in-up {
            0% {
                opacity: 0;
                transform: translateY(20px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .animate-fade-in-up {
            opacity: 0;
            animation: .8s ease-out forwards fade-in-up
        }
    }

    ::-webkit-scrollbar {
        width: 8px
    }

    ::-webkit-scrollbar-track {
        background: #0a0a0b
    }

    ::-webkit-scrollbar-thumb {
        background: #333;
        border-radius: 4px
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #00f0ff
    }

    ::selection {
        color: #000;
        background: #00f0ff
    }

    .lang-switcher {
        z-index: 1000;
        position: fixed;
        bottom: 30px;
        right: 30px
    }

    .lang-btn {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        color: #fff;
        cursor: pointer;
        background: #0a0a0bcc;
        border: 1px solid #ffffff1a;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        font-size: 24px;
        transition: all .3s;
        display: flex;
        box-shadow: 0 0 20px #00f0ff33
    }

    .lang-btn:hover {
        border-color: #00f0ff;
        transform: scale(1.1);
        box-shadow: 0 0 30px #00f0ff66
    }

    .lang-menu {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        visibility: hidden;
        background: #0a0a0be6;
        border: 1px solid #ffffff1a;
        border-radius: 12px;
        flex-direction: column;
        gap: 8px;
        min-width: 140px;
        padding: 8px;
        transition: all .3s;
        display: flex;
        position: absolute;
        bottom: 60px;
        right: 0;
        transform: translateY(10px)
    }

    .lang-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }

    .lang-option {
        color: #fff;
        text-align: left;
        cursor: pointer;
        background: 0 0;
        border: none;
        border-radius: 8px;
        align-items: center;
        gap: 12px;
        width: 100%;
        padding: 10px 16px;
        font-family: Inter, sans-serif;
        font-size: 14px;
        font-weight: 500;
        transition: background .2s;
        display: flex
    }

    .lang-option:hover {
        background: #ffffff1a
    }

    .lang-option img {
        object-fit: cover;
        border-radius: 50%;
        width: 20px;
        height: 20px
    }

    @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-pan-x {
        syntax: "*";
        inherits: false
    }

    @property --tw-pan-y {
        syntax: "*";
        inherits: false
    }

    @property --tw-pinch-zoom {
        syntax: "*";
        inherits: false
    }

    @property --tw-scroll-snap-strictness {
        syntax: "*";
        inherits: false;
        initial-value: proximity
    }

    @property --tw-space-y-reverse {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-space-x-reverse {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-divide-x-reverse {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-border-style {
        syntax: "*";
        inherits: false;
        initial-value: solid
    }

    @property --tw-divide-y-reverse {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @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-tracking {
        syntax: "*";
        inherits: false
    }

    @property --tw-ordinal {
        syntax: "*";
        inherits: false
    }

    @property --tw-slashed-zero {
        syntax: "*";
        inherits: false
    }

    @property --tw-numeric-figure {
        syntax: "*";
        inherits: false
    }

    @property --tw-numeric-spacing {
        syntax: "*";
        inherits: false
    }

    @property --tw-numeric-fraction {
        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-contain-size {
        syntax: "*";
        inherits: false
    }

    @property --tw-contain-layout {
        syntax: "*";
        inherits: false
    }

    @property --tw-contain-paint {
        syntax: "*";
        inherits: false
    }

    @property --tw-contain-style {
        syntax: "*";
        inherits: false
    }

    @property --tw-text-shadow-color {
        syntax: "*";
        inherits: false
    }

    @property --tw-text-shadow-alpha {
        syntax: "<percentage>";
        inherits: false;
        initial-value: 100%
    }