/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}
/* General modal styling */
.modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.5); /* Black with opacity */
}

/* Modal Content */
.modal-content {
    background-color: #333347;
    margin: 10% auto; /* Centered horizontally and a bit from the top */
    padding: 20px;
    border-radius: 12px;
    width: 50%; /* Medium size */
    max-width: 600px; /* Max width */
    min-height: 300px; /* Increased height */
    box-shadow: 0px 0px 0px 2px #2E2E40;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* First Modal Styles */
.modal-content {
    /* Styling for the first modal */
}

/* Logo */
.logo {
    margin-bottom: 20px;
    width: 226px; /* Adjust size as needed */
    height: auto;
}

/* Modal Body */
.modal-body {
    display: flex;
    align-items: center;
    border: 1px solid #5C5C80;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%), #333347;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0px 0px 0px 2px #2E2E40;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    max-width: 500px; /* Restrict width to fit input and icon */
}

/* Search Icon */
.search-icon {
    color: #3C3C53;
    font-size: 20px; /* Adjust size to fit better */
    margin-right: 10px;
    flex-shrink: 0; /* Prevent from shrinking */
}

/* Input Field */
.input-field {
    background-color: #1D1D28;
    color: #3C3C53;
    placeholder-color: #3C3C53;
    text-transform: uppercase;
    font-weight: bold;
    width: calc(100% - 40px); /* Adjust width to account for icon */
    padding: 10px;
    border: 1px solid #5C5C80;
    border-radius: 12px;
}

/* Buttons Container */
.modal-body .cancel-button,
.continue-button {
    border-radius: 12px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1rem;
}

/* Cancel Button */
.cancel-button {
    background: linear-gradient(180deg, #42425C 0%, #2D2D3E 100%);
    color: #C8F8D6;
    border: 1px solid #5C5C80;
    box-shadow: 0px 4px 24.4px 0px #2D2D3E inset, 0px 0px 0px 2px #2E2E40;
}

/* Continue Button */
.continue-button {
    background: linear-gradient(180deg, #49E976 0%, #23E459 100%);
    color: white;
    border: 1px solid #C8F8D6;
    box-shadow: 0px 4px 24.4px 0px rgba(167, 247, 189, 0.51) inset, 0px 0px 0px 2px #23E459;
}

/* Close Button */
.close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: #000;
}

/* Second Modal Styles */
.second-modal-content {
    /* Styling for the second modal */
}

/* Description Text */
.description {
    color: #3C3C53;
    font-size: 1rem;
    font-weight: normal;
    text-transform: uppercase;
    margin: 10px 0;
}

/* Copy Box */
.copy-box {
    display: flex;
    align-items: center;
    border: 1px solid #5C5C80;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%), #333347;
    padding: 10px;
    border-radius: 12px;
    box-shadow: 0px 0px 0px 2px #2E2E40;
    width: 100%;
    margin: 10px 0;
}

/* Copy Icon */
.copy-icon {
    color: #23E459;
    font-size: 24px;
    margin-right: 10px;
    flex-shrink: 0;
}

/* Copy Text */
.copy-text {
    color: #3C3C53;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Terms Section */
.terms {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #3C3C53;
    margin: 20px 0;
}

/* Terms Link */
.terms-link {
    color: #23E459;
    cursor: pointer;
}

.hover-animate {
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.image-container:hover .hover-animate {
    transform: scale(1.1) rotate(8deg);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
}

.image-container {
    transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
}

.image-container:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), linear-gradient(180deg, #52527A 0%, #3B3B55 100%);
    border-color: #7A7AA3;
}


/* Connect Button */
.connect-button {
    background: linear-gradient(180deg, #49E976 0%, #23E459 100%);
    color: white;
    border: 1px solid #C8F8D6;
    box-shadow: 0px 4px 24.4px 0px rgba(167, 247, 189, 0.51) inset, 0px 0px 0px 2px #23E459;
    padding: 10px 20px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 1rem;
}

/* Open Modal Button */
.open-modal-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
}


: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: 1px
}

abbr:where([title]) {
    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: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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: -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 {
    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] {
    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: rgba(59, 130, 246, .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: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .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:
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.-right-1 {
    right: -.25rem
}

.-top-2 {
    top: -.5rem
}

.bottom-8 {
    bottom: 2rem
}

.left-5 {
    left: 1.25rem
}

.left-\[30\%\] {
    left: 30%
}

.right-5 {
    right: 1.25rem
}

.top-0 {
    top: 0
}

.z-10 {
    z-index: 10
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-8 {
    margin-left: 2rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-8 {
    margin-top: 2rem
}

.flex {
    display: flex
}

.hidden {
    display: none
}

.h-7 {
    height: 1.75rem
}

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

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

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-\[294px\] {
    max-height: 294px
}

.max-h-\[80\%\] {
    max-height: 80%
}

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

.w-7 {
    width: 1.75rem
}

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

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.max-w-\[205px\] {
    max-width: 205px
}

.max-w-\[239px\] {
    max-width: 239px
}

.max-w-\[366px\] {
    max-width: 366px
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    user-select: none
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

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

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

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

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

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

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-\[5px\] {
    gap: 5px
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.self-stretch {
    align-self: stretch
}

.overflow-hidden {
    overflow: hidden
}

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

.overflow-y-scroll {
    overflow-y: scroll
}

.text-nowrap {
    text-wrap: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[31px\] {
    border-radius: 31px
}

.rounded-\[53px\] {
    border-radius: 53px
}

.rounded-\[7px\] {
    border-radius: 7px
}

.rounded-\[9px\] {
    border-radius: 9px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-\[3px\] {
    border-width: 3px
}

.border-solid {
    border-style: solid
}

.border-\[\#14A43C\] {
    --tw-border-opacity: 1;
    border-color: rgb(20 164 60/var(--tw-border-opacity))
}

.border-\[\#2E2E3F\] {
    --tw-border-opacity: 1;
    border-color: rgb(46 46 63/var(--tw-border-opacity))
}

.border-\[\#3A3A50\] {
    --tw-border-opacity: 1;
    border-color: rgb(58 58 80/var(--tw-border-opacity))
}

.border-\[\#5C5C80\] {
    --tw-border-opacity: 1;
    border-color: rgb(92 92 128/var(--tw-border-opacity))
}

.border-\[\#C8F8D6\] {
    --tw-border-opacity: 1;
    border-color: rgb(200 248 214/var(--tw-border-opacity))
}

.border-\[rgba\(92\2c 92\2c 128\2c 0\.24\)\] {
    border-color: rgba(92, 92, 128, .24)
}

.border-\[rgba\(92\2c 92\2c 128\2c 0\.28\)\] {
    border-color: rgba(92, 92, 128, .28)
}

.bg-\[\#1D1D28\] {
    --tw-bg-opacity: 1;
    background-color: rgb(29 29 40/var(--tw-bg-opacity))
}

.bg-\[\#23E459\] {
    --tw-bg-opacity: 1;
    background-color: rgb(35 228 89/var(--tw-bg-opacity))
}

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

.bg-\[\#333347\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 71/var(--tw-bg-opacity))
}

.bg-\[\#333347\]\/\[0\.44\] {
    background-color: rgba(51, 51, 71, .44)
}

.bg-transparent {
    background-color: transparent
}

.bg-\[url\(\'\/images\/bg\.png\'\)\]{background-image:url(/images/bg.png)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#42425C\]{--tw-gradient-from:#42425c var(--tw-gradient-from-position);--tw-gradient-to:rgba(66,66,92,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#2D2D3E\]{--tw-gradient-to:#2d2d3e var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pt-\[21px\]{padding-top:21px}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.leading-\[120\%\]{line-height:120%}.leading-\[normal\]{line-height:normal}.tracking-\[0\.36px\]{letter-spacing:.36px}.tracking-\[0\.42px\]{letter-spacing:.42px}.tracking-\[0\.48px\]{letter-spacing:.48px}.tracking-\[0\.54px\]{letter-spacing:.54px}.text-\[\#23E459\]{--tw-text-opacity:1;color:rgb(35 228 89/var(--tw-text-opacity))}.text-\[\#3C3C53\]{--tw-text-opacity:1;color:rgb(60 60 83/var(--tw-text-opacity))}.text-\[\#4D4D6A\]{--tw-text-opacity:1;color:rgb(77 77 106/var(--tw-text-opacity))}.text-\[\#505061\]{--tw-text-opacity:1;color:rgb(80 80 97/var(--tw-text-opacity))}.text-\[\#696983\]{--tw-text-opacity:1;color:rgb(105 105 131/var(--tw-text-opacity))}.text-\[color\:var\(--main\2c \#23E459\)\]{color:var(--main,#23e459)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.placeholder-\[\#3C3C53\]::placeholder{--tw-placeholder-opacity:1;color:rgb(60 60 83/var(--tw-placeholder-opacity))}.shadow-\[0px_0px_0px_2px_\#000\]{--tw-shadow:0px 0px 0px 2px #000;--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color)}.shadow-\[0px_0px_0px_2px_\#000\],.shadow-\[0px_0px_0px_2px_\#2E2E40\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_0px_2px_\#2E2E40\]{--tw-shadow:0px 0px 0px 2px #2e2e40;--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color)}.shadow-\[0px_2px_19\.2px_-7px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:0px 2px 19.2px -7px rgba(0,0,0,.25);--tw-shadow-colored:0px 2px 19.2px -7px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_5px_2px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{--tw-shadow:0px 2px 5px 2px rgba(0,0,0,.16);--tw-shadow-colored:0px 2px 5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_4px_24\.4px_0px_\#2D2D3E_inset\2c 0px_0px_0px_2px_\#2E2E40\]{--tw-shadow:0px 4px 24.4px 0px #2d2d3e inset,0px 0px 0px 2px #2e2e40;--tw-shadow-colored:inset 0px 4px 24.4px 0px var(--tw-shadow-color),0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_4px_24\.4px_0px_\#2D2D3E_inset\]{--tw-shadow:0px 4px 24.4px 0px #2d2d3e inset;--tw-shadow-colored:inset 0px 4px 24.4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_4px_24\.4px_0px_rgba\(167\2c 247\2c 189\2c 0\.51\)_inset\2c 0px_0px_0px_2px_\#23E459\]{--tw-shadow:0px 4px 24.4px 0px rgba(167,247,189,.51) inset,0px 0px 0px 2px #23e459;--tw-shadow-colored:inset 0px 4px 24.4px 0px var(--tw-shadow-color),0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.backdrop-blur-\[12\.75px\]{--tw-backdrop-blur:blur(12.75px)}.backdrop-blur-\[12\.75px\],.backdrop-blur-\[5\.449999809265137px\]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[5\.449999809265137px\]{--tw-backdrop-blur:blur(5.449999809265137px)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[background\:linear-gradient\(0deg\2c rgba\(0\2c 0\2c 0\2c 0\.18\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.18\)_100\%\)\2c linear-gradient\(180deg\2c rgba\(66\2c 66\2c 92\2c 0\.70\)_0\%\2c rgba\(45\2c 45\2c 62\2c 0\.70\)_100\%\)\]{background:linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.18)),linear-gradient(180deg,rgba(66,66,92,.7),rgba(45,45,62,.7))}.\[background\:linear-gradient\(0deg\2c rgba\(0\2c 0\2c 0\2c 0\.20\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.20\)_100\%\)\2c linear-gradient\(180deg\2c \#42425C_0\%\2c \#2D2D3E_100\%\)\]{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,#42425c,#2d2d3e)}.\[background\:linear-gradient\(0deg\2c rgba\(0\2c 0\2c 0\2c 0\.44\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.44\)_100\%\)\2c \#333347\]{background:linear-gradient(0deg,rgba(0,0,0,.44),rgba(0,0,0,.44)),#333347}.\[background\:linear-gradient\(0deg\2c rgba\(0\2c 0\2c 0\2c 0\.55\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.55\)_100\%\)\2c \#333347\]{background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.55)),#333347}.\[background\:linear-gradient\(180deg\2c \#42425C_0\%\2c \#2D2D3E_100\%\)\]{background:linear-gradient(180deg,#42425c,#2d2d3e)}.\[background\:linear-gradient\(180deg\2c \#49E976_0\%\2c \#23E459_100\%\)\]{background:linear-gradient(180deg,#49e976,#23e459)}@font-face{font-family:Gummy;src:url(/_next/static/media/GummyBear.7ba3df3a.otf) format("opentype")}:root{color:#fff}main{font-family:Gummy,sans-serif}.scrollbar::-webkit-scrollbar{width:8px}.scrollbar::-webkit-scrollbar-track{margin-top:30px;margin-bottom:30px;background:#0000008c;border-radius:10px;box-shadow:inset 0 0 5px transparent}.scrollbar::-webkit-scrollbar-thumb{background-color:#333347;border-radius:10px;border:1px solid transparent;background-clip:content-box}.scrollbar-hidden{scrollbar-width:none}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.md\:mt-4{margin-top:1rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-fit{width:fit-content}.md\:flex-none{flex:none}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-normal{justify-content:normal}.md\:gap-2{gap:.5rem}.md\:gap-2\.5{gap:.625rem}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.md\:p-2{padding:.5rem}}@media (min-width:1024px){.lg\:flex{display:flex}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:flex-row{flex-direction:row}.xl\:gap-4{gap:1rem}.xl\:px-12{padding-left:3rem;padding-right:3rem}}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,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:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_aaf875;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_aaf875{font-family:__Inter_aaf875,__Inter_Fallback_aaf875;font-style:normal}