/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/*, :after, :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
}
:after, :before {
    --tw-content: ""}
:host, html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    tab-size: 4;
}
body {
    line-height: inherit;
    margin: 0;
}
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
}
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-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}
button, input, optgroup, select, textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: 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: initial;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: initial;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset, legend {
    padding: 0;
}
menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::placeholder, textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}
[role=button], button {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}
img, video {
    height: auto;
    max-width: 100%}
[hidden] {
    display: none;
}
*, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  }
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --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:  }
.pointer-events-none {
    pointer-events: none;
}
.absolute {
    position: absolute;
}
.bottom-8 {
    bottom: 2rem;
}
.right-16 {
    right: 4rem;
}
.m-auto {
    margin: auto;
}
.my-auto {
    margin-bottom: auto;
    margin-top: auto;
}
.ml-20 {
    margin-left: 5rem;
}
.ml-6 {
    margin-left: 1.5rem;
}
.mr-48 {
    margin-right: 12rem;
}
.mt-16 {
    margin-top: 4rem;
}
.mt-2 {
    margin-top: .5rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.flex {
    display: flex;
}
.table {
    display: table;
}
.hidden {
    display: none;
}
.h-1\/2 {
    height: 50%}
.h-16 {
    height: 4rem;
}
.h-3\/4 {
    height: 75%}
.h-32 {
    height: 8rem;
}
.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.h-full {
    height: 100%}
.h-screen {
    height: 100vh;
}
.w-1\/2 {
    width: 50%}
.w-2\/3 {
    width: 66.666667%}
.w-full {
    width: 100%}
.w-screen {
    width: 100vw;
}
.cursor-pointer {
    cursor: pointer;
}
.flex-col {
    flex-direction: column;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.rounded {
    border-radius: .25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-full {
    border-radius: 9999px;
}
.border-2 {
    border-width: 2px;
}
.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity));
}
.bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity));
}
.bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity));
}
.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}
.p-2 {
    padding: .5rem;
}
.p-8 {
    padding: 2rem;
}
.text-center {
    text-align: center;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-8xl {
    font-size: 6rem;
    line-height: 1;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.font-bold {
    font-weight: 700;
}
.font-light {
    font-weight: 300;
}
.font-medium {
    font-weight: 500;
}
.leading-normal {
    line-height: 1.5;
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
.underline {
    text-decoration-line: underline;
}
.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px #00000040;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
}
.shadow-2xl, .shadow-xl {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
}
.backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
    -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);
}
.duration-500 {
    transition-duration: .5s;
}
.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity));
}
@media not all and (min-width:240px) {
    .max-sm\: bottom-0 {
    bottom: 0;
}
.max-sm\:bottom-6 {
    bottom: 1.5rem;
}
.max-sm\:right-0 {
    right: 0;
}
.max-sm\:m-0 {
    margin: 0;
}
.max-sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.max-sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.max-sm\:my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.max-sm\:ml-0 {
    margin-left: 0;
}
.max-sm\:mr-0 {
    margin-right: 0;
}
.max-sm\:inline-block {
    display: inline-block;
}
.max-sm\:hidden {
    display: none;
}
.max-sm\:h-0 {
    height: 0;
}
.max-sm\:h-3\/4 {
    height: 75%}
.max-sm\:h-screen {
    height: 100vh;
}
.max-sm\:w-3\/4 {
    width: 75%}
.max-sm\:w-8 {
    width: 2rem;
}
.max-sm\:w-full {
    width: 100%}
.max-sm\:w-screen {
    width: 100vw;
}
.max-sm\:flex-col {
    flex-direction: column;
}
.max-sm\:rounded-none {
    border-radius: 0;
}
.max-sm\:rounded-xl {
    border-radius: .75rem;
}
.max-sm\:p-0 {
    padding: 0;
}
.max-sm\:p-6 {
    padding: 1.5rem;
}
.max-sm\:text-center {
    text-align: center;
}
.max-sm\:align-bottom {
    vertical-align: bottom;
}
.max-sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.max-sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.max-sm\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}@media (min-width:640px) {
    .sm\: m-auto {
    margin: auto;
}
.sm\:hidden {
    display: none;
}
.sm\:rounded-2xl {
    border-radius: 1rem;
}
}body {
    background-color: #ff453a;
    color: #fff;
    font-family: Inter, sans-serif;
}
.bg-linear-red {
    background: linear-gradient(#ff453a, #bf0500);
}
.card {
    perspective: 1000px;
}
.card-face {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    transition: transform 1s;
}
.card .back, .card.flipped .front {
    transform: rotateY(180deg);
}
.card.flipped .back {
    transform: rotateY(0deg);
}
/*# sourceMappingURL=main.46f3b7e3.css.map*/