*, ::before, ::after {
    --tw - border - spacing - x: 0;
    --tw - border - spacing - y: 0;
    --tw - translate - x: 0;
    --tw - translate - y: 0;
    --tw - rotate: 0;
    --tw - skew - x: 0;
    --tw - skew - y: 0;
    --tw - scale - x: 1;
    --tw - scale - y: 1;
    --tw - pan - x: ;
    --tw - pan - y: ;
    --tw - pinch - zoom: ;
    --tw - scroll - snap - strictness: proximity;
    --tw - gradient - from - position: ;
    --tw - gradient - via - position: ;
    --tw - gradient - to - position: ;
    --tw - ordinal: ;
    --tw - slashed - zero: ;
    --tw - numeric - figure: ;
    --tw - numeric - spacing: ;
    --tw - numeric - fraction: ;
    --tw - ring - inset: ;
    --tw - ring - offset - width: 0 px;
    --tw - ring - offset - color: #fff;
    --tw - ring - color: rgb(59 130 246 / 0.5);
    --tw - ring - offset - shadow: 0 0 #0000;--tw-ring-shadow:0 0 # 0000;
    --tw - shadow: 0 0 #0000;--tw-shadow-colored:0 0 # 0000;
    --tw - blur: ;
    --tw - brightness: ;
    --tw - contrast: ;
    --tw - grayscale: ;
    --tw - hue - rotate: ;
    --tw - invert: ;
    --tw - saturate: ;
    --tw - sepia: ;
    --tw - drop - shadow: ;
    --tw - backdrop - blur: ;
    --tw - backdrop - brightness: ;
    --tw - backdrop - contrast: ;
    --tw - backdrop - grayscale: ;
    --tw - backdrop - hue - rotate: ;
    --tw - backdrop - invert: ;
    --tw - backdrop - opacity: ;
    --tw - backdrop - saturate: ;
    --tw - backdrop - sepia: ;
    --tw - contain - size: ;
    --tw - contain - layout: ;
    --tw - contain - paint: ;
    --tw - contain - style:
}::backdrop {
    --tw - border - spacing - x: 0;
    --tw - border - spacing - y: 0;
    --tw - translate - x: 0;
    --tw - translate - y: 0;
    --tw - rotate: 0;
    --tw - skew - x: 0;
    --tw - skew - y: 0;
    --tw - scale - x: 1;
    --tw - scale - y: 1;
    --tw - pan - x: ;
    --tw - pan - y: ;
    --tw - pinch - zoom: ;
    --tw - scroll - snap - strictness: proximity;
    --tw - gradient - from - position: ;
    --tw - gradient - via - position: ;
    --tw - gradient - to - position: ;
    --tw - ordinal: ;
    --tw - slashed - zero: ;
    --tw - numeric - figure: ;
    --tw - numeric - spacing: ;
    --tw - numeric - fraction: ;
    --tw - ring - inset: ;
    --tw - ring - offset - width: 0 px;
    --tw - ring - offset - color: #fff;
    --tw - ring - color: rgb(59 130 246 / 0.5);
    --tw - ring - offset - shadow: 0 0 #0000;--tw-ring-shadow:0 0 # 0000;
    --tw - shadow: 0 0 #0000;--tw-shadow-colored:0 0 # 0000;
    --tw - blur: ;
    --tw - brightness: ;
    --tw - contrast: ;
    --tw - grayscale: ;
    --tw - hue - rotate: ;
    --tw - invert: ;
    --tw - saturate: ;
    --tw - sepia: ;
    --tw - drop - shadow: ;
    --tw - backdrop - blur: ;
    --tw - backdrop - brightness: ;
    --tw - backdrop - contrast: ;
    --tw - backdrop - grayscale: ;
    --tw - backdrop - hue - rotate: ;
    --tw - backdrop - invert: ;
    --tw - backdrop - opacity: ;
    --tw - backdrop - saturate: ;
    --tw - backdrop - sepia: ;
    --tw - contain - size: ;
    --tw - contain - layout: ;
    --tw - contain - paint: ;
    --tw - contain - style:
} /* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */ *, ::after, ::before {
    box - sizing: border - box;
    border - width: 0;
    border - style: solid;
    border - color: #e5e7eb
}::after, ::before {
    --tw - content: ''
}: host, html {
    line - height: 1.5; - webkit - text - size - adjust: 100 % ; - moz - tab - size: 4;
    tab - size: 4;
    font - family: ui - sans - serif, system - ui, sans - serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font - feature - settings: normal;
    font - variation - settings: normal; - webkit - tap - highlight - color: transparent
}
body {
    margin: 0;line - height: inherit
}
hr {
    height: 0;color: inherit;border - top - width: 1 px
}
abbr: where([title]) {
    -webkit - text - decoration: underline dotted;
    text - decoration: underline dotted
}
h1, h2, h3, h4, h5, h6 {
    font - size: inherit;
    font - weight: inherit
}
a {
    color: inherit;text - decoration: inherit
}
b, strong {
    font - weight: bolder
}
code, kbd, pre, samp {
    font - family: ui - monospace, SFMono - Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font - feature - settings: normal;
    font - variation - settings: normal;
    font - size: 1 em
}
small {
    font - size: 80 %
}
sub, sup {
    font - size: 75 % ;
    line - height: 0;
    position: relative;
    vertical - align: baseline
}
sub {
    bottom: -.25 em
}
sup {
    top: -.5 em
}
table {
    text - indent: 0;
    border - color: inherit;
    border - collapse: collapse
}
button, input, optgroup, select, textarea {
    font - family: inherit;
    font - feature - settings: inherit;
    font - variation - settings: inherit;
    font - size: 100 % ;
    font - weight: inherit;
    line - height: inherit;
    letter - spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}
button, select {
    text - transform: none
}
button, input: where([type = button]), input: where([type = reset]), input: where([type = submit]) {
    -webkit - appearance: button;
    background - color: transparent;
    background - image: none
}: -moz - focusring {
    outline: auto
}: -moz - ui - invalid {
    box - shadow: none
}
progress {
    vertical - align: baseline
}::-webkit - inner - spin - button, ::-webkit - outer - spin - button {
    height: auto
} [type = search] {
    -webkit - appearance: textfield;
    outline - offset: -2 px
}::-webkit - search - decoration {
    -webkit - appearance: none
}::-webkit - file - upload - button {
    -webkit - appearance: button;
    font: inherit
}
summary {
    display: list - item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}
fieldset {
    margin: 0;padding: 0
}
legend {
    padding: 0
}
menu, ol, ul {
    list - style: none;
    margin: 0;
    padding: 0
}
dialog {
    padding: 0
}
textarea {
    resize: vertical
}
input::placeholder, textarea::placeholder {
    opacity: 1;color: #9ca3af}[role= button], button {
    cursor: pointer
}: disabled {
    cursor: default
}
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;vertical - align: middle
}
img, video {
    max - width: 100 % ;
    height: auto
} [hidden]: where(: not([hidden = until - found])) {
    display: none
}.container {
    width: 100 %
}
@media(min - width: 640 px) {
    .container {
        max - width: 640 px
    }
}
@media(min - width: 769 px) {
    .container {
        max - width: 769 px
    }
}
@media(min - width: 1024 px) {
    .container {
        max - width: 1024 px
    }
}
@media(min - width: 1280 px) {
    .container {
        max - width: 1280 px
    }
}
@media(min - width: 1536 px) {
    .container {
        max - width: 1536 px
    }
}.absolute {
    position: absolute
}.relative {
    position: relative
}.inset - 0 {
    inset: 0 px
}.z - 30 {
    z - index: 30
}.mx - auto {
    margin - left: auto;
    margin - right: auto
}.my - 10 {
    margin - top: 2.5 rem;
    margin - bottom: 2.5 rem
}.mt - 16 {
    margin - top: 4 rem
}.mt - 2 {
    margin - top: 0.5 rem
}.mt - 20 {
    margin - top: 5 rem
}.mt - 8 {
    margin - top: 2 rem
}.flex {
    display: flex
}.h - 24 {
    height: 6 rem
}.h - full {
    height: 100 %
}.h - screen {
    height: 100 vh
}.w - 24 {
    width: 6 rem
}.w - full {
    width: 100 %
}.max - w - 3 xl {
    max - width: 48 rem
}.flex - col {
    flex - direction: column
}.flex - wrap {
    flex - wrap: wrap
}.items - center {
    align - items: center
}.justify - center {
    justify - content: center
}.gap - 5 {
    gap: 1.25 rem
}.overflow - hidden {
    overflow: hidden
}.rounded - t - 3 xl {
    border - top - left - radius: 1.5 rem;
    border - top - right - radius: 1.5 rem
}.rounded - bl - 3 xl {
    border - bottom - left - radius: 1.5 rem
}.bg - black\ / 60 {
    background - color: rgb(0 0 0 / 0.6)
}.bg - slate - 100 {
    --tw - bg - opacity: 1;
    background - color: rgb(241 245 249 /
        var (--tw - bg - opacity, 1))
}.bg - white\ / 20 {
    background - color: rgb(255 255 255 / 0.2)
}.bg - cover {
    background - size: cover
}.bg - bottom {
    background - position: bottom
}.object - cover {
    object - fit: cover
}.p - 4 {
    padding: 1 rem
}.py - 32 {
    padding - top: 8 rem;
    padding - bottom: 8 rem
}.text - center {
    text - align: center
}.font - body {
    font - family: League Spartan, sans - serif
}.text - 3 xl {
    font - size: 1.875 rem;
    line - height: 2.25 rem
}.text - xs {
    font - size: 0.75 rem;
    line - height: 1 rem
}.font - bold {
    font - weight: 700
}.font - medium {
    font - weight: 500
}.font - normal {
    font - weight: 400
}.font - semibold {
    font - weight: 600
}.tracking - wide {
    letter - spacing: 0.025 em
}.tracking - widest {
    letter - spacing: 0.1 em
}.text - white {
    --tw - text - opacity: 1;
    color: rgb(255 255 255 /
        var (--tw - text - opacity, 1))
}.text - white\ / 80 {
    color: rgb(255 255 255 / 0.8)
}.backdrop - blur - 3 xl {
    --tw - backdrop - blur: blur(64 px); - 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: cubic - bezier(0.4, 0, 0.2, 1);
    transition - duration: 150 ms
}.duration - 500 {
    transition - duration: 500 ms
}.hover\: text - green - 500: hover {
    --tw - text - opacity: 1;
    color: rgb(34 197 94 /
        var (--tw - text - opacity, 1))
}
@media(min - width: 640 px) {
    .sm\: h - 20 {
        height: 7 rem !important;
    }.sm\: w - 20 {
        width: 7 rem !important;
    }
}
@media(min - width: 769 px) {
    .md\: text - 3 xl {
        font - size: 1.875 rem;
        line - height: 2.25 rem
    }.md\: text - 5 xl {
        font - size: 3 rem;
        line - height: 1
    }.md\: text - 6 xl {
        font - size: 3.75 rem;
        line - height: 1
    }
}