*, ::after, ::before { box-sizing: border-box; border: 0px solid rgb(229, 231, 235); }
:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: Inter, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
*, ::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; }
.relative { position: relative; }
.inset-x-0 { left: 0px; right: 0px; }
.top-0 { top: 0px; }
.z-\[60002\] { z-index: 60002; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.my-\[30px\] { margin-top: 30px; margin-bottom: 30px; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mr-1\.5 { margin-right: 0.375rem; }
.mt-4 { margin-top: 1rem; }
.mt-\[30px\] { margin-top: 30px; }
.mt-\[6px\] { margin-top: 6px; }
.mt-\[7px\] { margin-top: 7px; }
.block { display: block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.aspect-\[542\/222\] { aspect-ratio: 542 / 222; }
.size-5 { width: 1.25rem; height: 1.25rem; }
.size-\[44px\] { width: 44px; height: 44px; }
.size-\[6px\] { width: 6px; height: 6px; }
.h-6 { height: 1.5rem; }
.h-\[160px\] { height: 160px; }
.h-\[90px\] { height: 90px; }
.h-\[var\(--service-banner-h\)\] { height: var(--service-banner-h); }
.h-full { height: 100%; }
.min-h-screen { min-height: 100vh; }
.w-full { width: 100%; }
.min-w-0 { min-width: 0px; }
.min-w-\[323px\] { min-width: 323px; }
.max-w-\[1200px\] { max-width: 1200px; }
.max-w-\[600px\] { max-width: 600px; }
.flex-1 { flex: 1 1 0%; }
.flex-\[1_0_0\] { flex: 1 0 0px; }
.flex-\[1_1_65\%\] { flex: 1 1 65%; }
.flex-shrink-0, .shrink-0 { flex-shrink: 0; }
.list-decimal { list-style-type: decimal; }
.list-disc { list-style-type: disc; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-0 { gap: 0px; }
.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-2 { gap: 0.5rem; }
.gap-20 { gap: 5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-\[11px\] { gap: 11px; }
.gap-\[12px\] { gap: 12px; }
.gap-\[14px\] { gap: 14px; }
.gap-\[16px\] { gap: 16px; }
.gap-\[18px\] { gap: 18px; }
.gap-\[20px\] { gap: 20px; }
.gap-\[26px\] { gap: 26px; }
.gap-\[40px\] { gap: 40px; }
.gap-\[6px\] { gap: 6px; }
.gap-x-4 { column-gap: 1rem; }
.gap-x-\[24px\] { column-gap: 24px; }
.gap-y-0 { row-gap: 0px; }
.gap-y-14 { row-gap: 3.5rem; }
.space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); }
.overflow-hidden { overflow: hidden; }
.scroll-smooth { scroll-behavior: smooth; }
.rounded-\[16px\] { border-radius: 16px; }
.rounded-\[20px\] { border-radius: 20px; }
.rounded-full { border-radius: 9999px; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-\[\#2F2F59\] { --tw-border-opacity: 1; border-color: rgb(47 47 89/var(--tw-border-opacity)); }
.border-\[\#2b2b58\] { --tw-border-opacity: 1; border-color: rgb(43 43 88/var(--tw-border-opacity)); }
.border-\[\#F59E0B\]\/50 { border-color: rgba(245, 158, 11, 0.5); }
.\!border-b-\[\#2F2F59\] { --tw-border-opacity: 1 !important; border-bottom-color: rgb(47 47 89/var(--tw-border-opacity)) !important; }
.bg-\[\#00a906\] { --tw-bg-opacity: 1; background-color: rgb(0 169 6/var(--tw-bg-opacity)); }
.bg-\[\#02021E\], .bg-\[\#02021e\] { --tw-bg-opacity: 1; background-color: rgb(2 2 30/var(--tw-bg-opacity)); }
.bg-\[\#0f0f29\] { --tw-bg-opacity: 1; background-color: rgb(15 15 41/var(--tw-bg-opacity)); }
.bg-\[\#1d293d\] { --tw-bg-opacity: 1; background-color: rgb(29 41 61/var(--tw-bg-opacity)); }
.bg-\[rgba\(255\,255\,255\,0\.03\)\] { background-color: rgba(255, 255, 255, 0.03); }
.bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)); }
.from-\[\#a78bfa\] { --tw-gradient-from: #a78bfa var(--tw-gradient-from-position); --tw-gradient-to: rgba(167,139,250,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
.via-\[\#818cf8\] { --tw-gradient-to: rgba(129,140,248,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),#818cf8 var(--tw-gradient-via-position),var(--tw-gradient-to); }
.to-\[\#38bdf8\] { --tw-gradient-to: #38bdf8 var(--tw-gradient-to-position); }
.bg-clip-text { background-clip: text; }
.object-cover { object-fit: cover; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-\[24px\] { padding: 24px; }
.p-\[30px\] { padding: 30px; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-\[10px\] { padding-left: 10px; padding-right: 10px; }
.px-\[13px\] { padding-left: 13px; padding-right: 13px; }
.px-\[18\.58px\] { padding-left: 18.58px; padding-right: 18.58px; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-\[10px\] { padding-top: 10px; padding-bottom: 10px; }
.py-\[2px\] { padding-top: 2px; padding-bottom: 2px; }
.pb-0 { padding-bottom: 0px; }
.pb-2\.5 { padding-bottom: 0.625rem; }
.pb-20 { padding-bottom: 5rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pb-\[21px\] { padding-bottom: 21px; }
.pb-\[40px\] { padding-bottom: 40px; }
.pl-6 { padding-left: 1.5rem; }
.pt-0 { padding-top: 0px; }
.pt-10 { padding-top: 2.5rem; }
.pt-5 { padding-top: 1.25rem; }
.pt-\[41px\] { padding-top: 41px; }
.pt-\[55px\] { padding-top: 55px; }
.pt-\[calc\(var\(--service-banner-h\)\+12px\)\] { padding-top: calc(var(--service-banner-h) + 12px); }
.text-center { text-align: center; }
.font-Pretendard { font-family: Inter, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.font-\[\'Pretendard\'\] { font-family: Pretendard; }
.\!text-\[15px\] { font-size: 15px !important; }
.text-\[11\.3px\] { font-size: 11.3px; }
.text-\[11\.4px\] { font-size: 11.4px; }
.text-\[11\.8px\] { font-size: 11.8px; }
.text-\[12\.2px\] { font-size: 12.2px; }
.text-\[12\.3px\] { font-size: 12.3px; }
.text-\[12px\] { font-size: 12px; }
.text-\[13\.5px\] { font-size: 13.5px; }
.text-\[14px\] { font-size: 14px; }
.text-\[16px\] { font-size: 16px; }
.text-\[18px\] { font-size: 18px; }
.text-\[19\.2px\] { font-size: 19.2px; }
.text-\[20px\] { font-size: 20px; }
.text-\[24px\] { font-size: 24px; }
.text-\[28px\] { font-size: 28px; }
.text-\[32px\] { font-size: 32px; }
.text-\[9\.5px\] { font-size: 9.5px; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.font-\[700\], .font-bold { font-weight: 700; }
.font-light { font-weight: 300; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.\!leading-\[14px\] { line-height: 14px !important; }
.\!leading-\[16\.41px\] { line-height: 16.41px !important; }
.\!leading-\[17\.58px\] { line-height: 17.58px !important; }
.leading-4 { line-height: 1rem; }
.leading-5 { line-height: 1.25rem; }
.leading-\[1\.1\] { line-height: 1.1; }
.leading-\[1\.2\] { line-height: 1.2; }
.leading-\[1\.3\] { line-height: 1.3; }
.leading-\[1\.5\] { line-height: 1.5; }
.leading-\[14px\] { line-height: 14px; }
.leading-\[18\.2px\] { line-height: 18.2px; }
.leading-\[27\.2px\] { line-height: 27.2px; }
.leading-\[48px\] { line-height: 48px; }
.leading-none { line-height: 1; }
.leading-normal { line-height: 1.5; }
.leading-snug { line-height: 1.375; }
.tracking-\[0\.5px\] { letter-spacing: 0.5px; }
.tracking-\[0\.6px\] { letter-spacing: 0.6px; }
.text-\[\#2f8af5\] { --tw-text-opacity: 1; color: rgb(47 138 245/var(--tw-text-opacity)); }
.text-\[\#7A8499\] { --tw-text-opacity: 1; color: rgb(122 132 153/var(--tw-text-opacity)); }
.text-\[\#7a8499\] { --tw-text-opacity: 1; color: rgb(122 132 153/var(--tw-text-opacity)); }
.text-\[\#94A3B8\], .text-\[\#94a3b8\] { --tw-text-opacity: 1; color: rgb(148 163 184/var(--tw-text-opacity)); }
.text-\[\#B0BEC5\] { --tw-text-opacity: 1; color: rgb(176 190 197/var(--tw-text-opacity)); }
.text-\[var\(--text-lighter\)\] { color: var(--text-lighter); }
.text-\[var\(--text-main\)\] { color: var(--text-main); }
.text-muted-foreground { --tw-text-opacity: 1; color: rgb(148 163 184/var(--tw-text-opacity)); }
.text-transparent { color: transparent; }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.duration-300 { transition-duration: 0.3s; }
@font-face { font-family: Pretendard; font-style: normal; font-weight: 500; src: url("/landing-assets/fonts--Pretendard-Medium.otf") format("opentype"); }
@font-face { font-family: Pretendard; font-style: normal; font-weight: 600; src: url("/landing-assets/fonts--Pretendard-SemiBold.otf") format("opentype"); }
@font-face { font-family: Pretendard; font-style: normal; font-weight: 700; src: url("/landing-assets/fonts--Pretendard-Bold.otf") format("opentype"); }
@font-face { font-family: Pretendard; font-style: normal; font-weight: 400; src: url("/landing-assets/fonts--Pretendard-Regular.otf") format("opentype"); }
::-webkit-scrollbar { display: none; }
body, html { padding: 0px; margin: 0px; background-color: var(--bg); background-size: 100% auto; background-repeat: no-repeat; width: 100vw; min-height: 100vh; color: var(--text-main); overflow-x: hidden; white-space: pre-line; font-family: Pretendard; font-size: 16px; font-weight: 400; transition: background 0.3s; line-height: normal !important; }
.default-container, .default-width, .dialog-small-container { margin-left: auto; margin-right: auto; width: 100%; }
.default-container, .default-container-pc { background-color: var(--bg-main); }
@media (min-width: 768px) {
.sm\:mb-5 { margin-bottom: 1.25rem; }
.sm\:hidden { display: none; }
.sm\:w-\[1200px\] { width: 1200px; }
.sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.sm\:flex-row { flex-direction: row; }
.sm\:items-center { align-items: center; }
.sm\:justify-between { justify-content: space-between; }
.sm\:gap-\[100px\] { gap: 100px; }
.sm\:gap-x-8 { column-gap: 2rem; }
.sm\:gap-y-5 { row-gap: 1.25rem; }
.sm\:pt-10 { padding-top: 2.5rem; }
}
@media (min-width: 1024px) {
.md\:ml-1 { margin-left: 0.25rem; }
.md\:mt-6 { margin-top: 1.5rem; }
.md\:mt-\[11\.1px\] { margin-top: 11.1px; }
.md\:mt-\[14px\] { margin-top: 14px; }
.md\:block { display: block; }
.md\:flex { display: flex; }
.md\:hidden { display: none; }
.md\:w-\[542px\] { width: 542px; }
.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.md\:flex-row { flex-direction: row; }
.md\:flex-col { flex-direction: column; }
.md\:flex-wrap { flex-wrap: wrap; }
.md\:items-start { align-items: flex-start; }
.md\:items-center { align-items: center; }
.md\:justify-center { justify-content: center; }
.md\:justify-between { justify-content: space-between; }
.md\:gap-0 { gap: 0px; }
.md\:gap-10 { gap: 2.5rem; }
.md\:gap-3 { gap: 0.75rem; }
.md\:gap-5 { gap: 1.25rem; }
.md\:gap-6 { gap: 1.5rem; }
.md\:gap-x-3 { column-gap: 0.75rem; }
.md\:gap-y-3 { row-gap: 0.75rem; }
.md\:p-8 { padding: 2rem; }
.md\:p-\[41px\] { padding: 41px; }
.md\:px-0 { padding-left: 0px; padding-right: 0px; }
.md\:py-\[80px\] { padding-top: 80px; padding-bottom: 80px; }
.md\:pb-\[80px\] { padding-bottom: 80px; }
.md\:text-left { text-align: left; }
.md\:text-\[14px\] { font-size: 14px; }
.md\:text-\[15\.9px\] { font-size: 15.9px; }
.md\:text-\[16px\] { font-size: 16px; }
.md\:text-\[17px\] { font-size: 17px; }
.md\:text-\[20px\] { font-size: 20px; }
.md\:text-\[24px\] { font-size: 24px; }
.md\:text-\[34px\] { font-size: 34px; }
.md\:text-\[38\.4px\] { font-size: 38.4px; }
.md\:text-\[60px\] { font-size: 60px; }
.md\:text-\[80px\] { font-size: 80px; }
.md\:leading-\[1\.5\] { line-height: 1.5; }
.md\:leading-\[27\.2px\] { line-height: 27.2px; }
.md\:leading-\[36px\] { line-height: 36px; }
.md\:leading-normal { line-height: 1.5; }
.md\:text-\[var\(--text-lighter\)\] { color: var(--text-lighter); }
.md\:text-\[var\(--text-main\)\], .md\:text-foreground { color: var(--text-main); }
}
.\[\&_path\]\:fill-\[\#213578\] path { fill: rgb(33, 53, 120); }
.dark\:\[\&_path\]\:fill-white path:is(.dark *) { fill: rgb(255, 255, 255); }
:root { --service-banner-h: 48px; --bg-main: #02021e; --bg-staking-box: transparent; --bg: #02021e; --bg-button: #14143a; --bg-button-blue: #061f9f; --bg-dialog: #0f0f29; --bg-button-violet-dark: #1a1946; --bg-token: #272568; --bg-button-system: #6767c3; --foreground: #fff; --text-white: #fff; --text-white-700: #ffffffb2; --text-white-300: #ffffff4d; --text-white-dark: #f2f2f2; --text-light: #7b819c; --text-lighter: #7a8499; --text-blue: #6767c3; --text-light-blue: #2f89f4; --text-blue-500: #40406c; --text-green: #00a906; --text-red: #ff4d4f; --text-neutral: #f0f0f0; --text-violet-01: #7777c9; --text-violet-02: #6767c3e5; --text-violet-03: #7979b7; --text-violet-04: #8787d6; --text-violet-05: #944fff; --text-violet-06: #6503ff; --text-grey-100: #eff1fa; --text-grey-200: #aaa; --text-grey-300: #bbb; --text-grey-400: #d9d9d9; --border: #1b1b34; --border-blue: #142ae1; --border-div: #2a2a4a; --icon-check: #2f8af5; --bg-check: #8c8c8c; --primary-100: #2f8af5; --primary-200: #2f8af5; --primary-300: #23235c; --primary-400: #555877; --primary-500: #0b0e3f; --primary-600: #1f1f3e; --link-color: #dedede; --text-color: #fff; --text-select: #fff; --bg-input: #39396c; --bg-input-dark: #03011b; --text-grey: #a6a8ca; --bg-btn-blue: #2f8af5; --bg-btn-grey: #555877; --error: #ff8b01; --require: #ff4d4f; --gray-700: #555877; --gray-200: #f0f0f0; --text-grey-600: #747878; --border-color: #232652; --skeleton-base: #23235c; --skeleton-highlight: #454545; --bg-color-tooltip: #26263f; --border-tooltip: #484855; --bg-color-accordion: #0e0f29; --border-accordion-item: #40406c; --border-send: #061f9f; --bg-color-item-traits: #ffffff19; --bg-box-rewards-history: #ffffff1a; --border-thead-table: #2b2b58; --bg-button-coin: hsla(0,0%,100%,.05); --bg-roulette: #1c288e; --bonk-text-01: #92929f; --text-color-opensea: #6767c3; --bg-color-network: #14143a; --color-bonl-count: #6db0ff; --color-content-mess: #7a8499; --bg-button-cancel: #1a1946; --text-money: #0085ff; --color-price: #00a906; --color-price-decreased: #ff4d4f; --border-address: #1b1b34; --text-btn-send: #7777c9; --color-coin: #7a8499; --bg-top-prize: #1b1b35; --light-blue-03: #2f80ed; --border-intro-box: #4b4b8f; --border-intro-footer: #2f2f59; --border-license: #2b2b58; --color-warn: #ff8c00; --border-swap-rate: #292970; --line-network: #3e3e7d; --border-select: #525298; --bg-detail-button: #27256b; --bg-detail-button-pc: #27256b; --bg-main-top-menu: #14143a; --bg-slider: #141240; --bg-slider-border: #2a275b; --bg-slider-track: #fff; --hover-menu: #000062; --primary-blue-500: #061f9f; --text-main: #fff; --text-placeholder: #fff; --text-network-settings: #eff1fa; --text-color-greyish: #8d8d8d; --text-main-300: #ffffff4d; --text-main-500: #ffffff80; --text-main-700: #ffffffb2; --text-main-800: #ffffffcc; --text-active: #fff; --text-nft-detail: #fff; --text-system: #6767c3; --network-fee-border: #14143a; --bg-box-primary: #14143a; --bg-box-secondary: #1b1b35; --bg-term-box: #0f0f29; --bg-navbar: #02021e80; --bg-navbar-scroll: #02021ecc; --bg-dialog-web: #0f0f29; --bg-icon-web: #1f1f3e; --bg-manage-btn: #1a1946; --bg-manage-btn-02: #1a1946; --bg-select-token: #0f0f29; --bg-selected-token: #0f0f29; --bg-menu-footer-01: #02021ecc; --bg-menu-footer-02: #02021e4d; --bg-scroll-panel: #3c3c58; --bg-box-three-dot: #14143a; --bg-item-three-dot-hover: #0f0f29; --bg-btc-detail-box: #1a1946; --bg-switch: #14143a; --bg-switch-web: #161645; --bg-eth: #fff; --bg-trait-item: #1b1b35; --bg-trait-item-web: #121232; --bg-cancel-button: #14143a; --bg-swap-box: #14143a; --bg-type-token-box: #1b1b35; --bg-modal: #02021e; --bg-box-sign-item: #14143a; --bg-box-chain: #ffffff0d; --bg-box-network: #ffffff1a; --bg-earn-icon: #14143a; --bg-box-rewards: #0f0f29; --bg-tier: #0f0f29; --bg-open-source: #14143a; --bg-faucet-box: #061f9f4d; --bg-email-create: #14143a4d; --bg-item-box-type-02: #2b2b58; --bg-segment-bar: #14143a; --bg-accordion-header: #0f0f29; --bg-box-page: #02021e; --bg-pagination-button: #14143a; --bg-pagination-button-web: #14143a; --bg-sns: #7a8499; --bg-show-content: linear-gradient(180deg,#7a8499 0%,#292c33); --scrollbar-track: hsla(0,0%,100%,.3); --scrollbar-thumb: hsla(0,0%,100%,.5); --border-main: #1b1b34; --border-box-web: #1b1b34; --border-select-token: #40406c; --border-segment: #2b2b58; --border-segment-2: #2b2b58; --border-menu-footer: #1b1b34; --border-panel: #40406c; --border-menu-items: #40406c; --border-box-send: #2b2b58; --border-box-bridge: #1b1b34; --border-navbar-start: #8484ff; --border-navbar-mid-1: #b4b4ff; --border-navbar-mid-2: rgba(180,180,255,0); --border-navbar-end: #7b7bc0; --divider-panel: #40406c; --divider-menu-item: #1b1b34; --divider-default: #1b1b34; --box-shadow-tooltip: #2f8af5; --bg-info-subtle: rgba(103,103,195,.08); --border-info-subtle: rgba(103,103,195,.2); --bg-route-steps: rgba(103,103,195,.06); --border-route-steps: rgba(103,103,195,.15); --bg-error-subtle: rgba(255,77,79,.3); --border-error-subtle: #ff4d4f; --bg-success-subtle: rgba(0,169,6,.3); --border-success-subtle: #00a906; --bg-info-blue-subtle: rgba(47,138,245,.1); --border-info-blue-subtle: rgba(47,138,245,.3); --shimmer-1: #23235c; --shimmer-2: #2a2a4a; --border-swap-input: #2b2b58; --border-swap-preset: #6767c3; --text-swap-preset-active: #fff; --bg-alpha-subtle: hsla(0,0%,100%,.1); --bg-alpha-hover: hsla(0,0%,100%,.15); --border-alpha-subtle: hsla(0,0%,100%,.04); --bg-swap-dex-badge: rgba(2,2,30,.9); --bg-staking-info: rgba(2,2,30,.9); }
@media (max-width: 767px) {
:root { --service-banner-h: 84px; }
}
:root { --rt-color-white: #fff; --rt-color-dark: #222; --rt-color-success: #8dc572; --rt-color-error: #be6464; --rt-color-warning: #f0ad4e; --rt-color-info: #337ab7; --rt-opacity: 0.9; --rt-transition-show-delay: 0.15s; --rt-transition-closing-delay: 0.15s; }
.style_lighter__SErAo, .style_lighter__SErAo * { color: var(--text-lighter); }
.style_small__nT6jn { font-size: 0.875rem; line-height: 1.25rem; }
.style_noHeight__nMndf, .style_normal__BhqJR { font-size: 1rem; line-height: 1.5rem; }
.style_cover__iqXcH { object-fit: cover; }
.style_divider__93drS { border-bottom: 1px solid var(--divider-default); }
.slick-slider { box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list, .slick-slider { position: relative; display: block; }
.slick-list { overflow: hidden; margin: 0px; padding: 0px; }
.slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); }
.slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
.slick-track::after, .slick-track::before { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; }
.slick-initialized .slick-slide { display: block; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; margin: 0px 5px; padding: 0px; }
.slick-dots li, .slick-dots li button { width: 20px; height: 20px; cursor: pointer; }
.style_container__wqMGo { display: flex; flex-direction: column; gap: 30px; align-items: center; width: 1200px; flex-shrink: 0; }
@media (max-width: 768px) {
.style_container__wqMGo { width: 100%; padding: 0px 16px; }
}
.style_header__bHC2G { display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; flex-shrink: 0; }
.style_title__YHpaz { font-family: Pretendard, sans-serif; font-size: 34px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); margin: 0px; white-space: nowrap; flex-shrink: 0; }
@media (max-width: 768px) {
.style_title__YHpaz { font-size: 28px; }
}
.style_subtitle__ElD_q { font-family: Pretendard, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: rgb(122, 132, 153); margin: 0px; flex-shrink: 0; text-align: center; }
@media (max-width: 768px) {
.style_subtitle__ElD_q { font-size: 14px; }
}
.style_content__UuyL4 { display: flex; flex-direction: column; gap: 20px; width: 100%; flex-shrink: 0; }
@media (max-width: 768px) {
.style_content__UuyL4 { gap: 16px; }
}
.style_row__35k3f { display: flex; gap: 16px; width: 100%; flex-shrink: 0; justify-content: center; }
@media (max-width: 768px) {
.style_row__35k3f { flex-direction: column; align-items: center; }
}
.style_partnerCard__yF7d6 { backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.05); border-radius: 20px; display: flex; align-items: center; justify-content: center; height: 150px; width: 389.33px; padding: 34px 18px; flex-shrink: 0; transition: 0.3s; cursor: pointer; }
@media (max-width: 768px) {
.style_partnerCard__yF7d6 { width: 100%; max-width: 389.33px; height: 80px; }
}
.style_partnerCardWide__t2r2n { backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.05); border-radius: 20px; display: flex; align-items: center; justify-content: center; height: 150px; width: 389.33px; padding: 34px 18px; flex-shrink: 0; transition: 0.3s; cursor: pointer; }
@media (max-width: 768px) {
.style_partnerCardWide__t2r2n { width: 100%; max-width: 389.33px; height: 80px; }
}
.style_partnerLogo__D_jsr { width: 245px; height: 55px; object-fit: contain; }
.style_container__5aGZ6 { display: flex; flex-direction: column; gap: 30px; align-items: center; width: 1200px; flex-shrink: 0; }
@media (max-width: 768px) {
.style_container__5aGZ6 { width: 100%; padding: 0px 16px; }
}
.style_header__aOrsA { display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; flex-shrink: 0; }
.style_title__E5LWY { font-family: Pretendard, sans-serif; font-size: 34px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); margin: 0px; white-space: nowrap; flex-shrink: 0; }
@media (max-width: 768px) {
.style_title__E5LWY { font-size: 28px; }
}
.style_subtitle__7g6Rz { font-family: Pretendard, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: rgb(122, 132, 153); margin: 0px; flex-shrink: 0; text-align: center; }
@media (max-width: 768px) {
.style_subtitle__7g6Rz { font-size: 14px; }
}
.style_content__E3b3Z { display: flex; flex-direction: column; gap: 20px; width: 100%; flex-shrink: 0; }
@media (max-width: 768px) {
.style_content__E3b3Z { gap: 16px; }
}
.style_row__8NXnj { display: flex; gap: 16px; width: 100%; flex-shrink: 0; justify-content: center; }
@media (max-width: 768px) {
.style_row__8NXnj { flex-flow: wrap; gap: 8px; justify-content: flex-start; }
}
.style_backerCard__huHwD { border: 1px solid var(--border,#2b2b58); border-radius: 20px; display: flex; align-items: center; justify-content: center; height: 120px; width: 282px; padding: 20px 18px; flex-shrink: 0; transition: 0.3s; }
@media (max-width: 768px) {
.style_backerCard__huHwD { width: calc(50% - 4px); min-width: 110px; height: 80px; padding: 12px 10px; }
}
.style_backerLogo__uPhc5 { max-width: 235px; max-height: 100px; object-fit: contain; }
@media (max-width: 768px) {
.style_backerLogo__uPhc5 { max-width: 100%; max-height: 56px; }
}
.style_container__YJGyy { display: flex; flex-direction: column; gap: 30px; align-items: center; width: 1200px; flex-shrink: 0; }
@media (max-width: 768px) {
.style_container__YJGyy { width: 100%; padding: 0px 16px; }
}
.style_header__3DIq4 { display: flex; flex-direction: column; gap: 20px; align-items: center; text-align: center; flex-shrink: 0; }
.style_title__hl8qx { font-family: Pretendard, sans-serif; font-size: 34px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); margin: 0px; white-space: nowrap; flex-shrink: 0; }
@media (max-width: 768px) {
.style_title__hl8qx { font-size: 28px; }
}
.style_subtitle___OOtp { font-family: Pretendard, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: rgb(122, 132, 153); margin: 0px; flex-shrink: 0; text-align: center; }
@media (max-width: 768px) {
.style_subtitle___OOtp { font-size: 14px; }
}
.style_content__wUALC { display: flex; flex-direction: column; gap: 24px; width: 100%; flex-shrink: 0; }
.style_linksRow__2axMI { display: flex; gap: 16px; width: 100%; flex-shrink: 0; }
@media (max-width: 768px) {
.style_linksRow__2axMI { flex-direction: column; align-items: center; }
}
.style_linkCard__LJ_L5 { backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.05); border-radius: 20px; display: flex; flex-direction: column; gap: 10px; flex: 1 0 0px; min-width: 0px; min-height: 0px; padding: 34px 18px; cursor: pointer; transition: 0.3s; }
@media (max-width: 768px) {
.style_linkCard__LJ_L5 { width: 100%; flex: 0 0 auto; justify-content: center; padding: 34px 18px; }
}
.style_cardContent__hUH8_ { display: flex; gap: 16px; width: 100%; flex-shrink: 0; }
.style_cardMain__teK6V { display: flex; gap: 16px; flex: 1 0 0px; min-width: 0px; min-height: 0px; }
@media (max-width: 768px) {
.style_cardMain__teK6V { align-items: flex-start; }
}
.style_iconLarge__mZyDy { width: 72px; height: 72px; flex-shrink: 0; min-width: 72px; }
.style_textContainer__oeqxD { display: flex; flex-direction: column; gap: 12px; flex: 1 0 0px; min-width: 0px; min-height: 0px; }
.style_linkTitle__Pkj_8 { font-size: 24px; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); white-space: nowrap; }
.style_linkDescription__UH0Mn, .style_linkTitle__Pkj_8 { font-family: Pretendard, sans-serif; margin: 0px; flex-shrink: 0; }
.style_linkDescription__UH0Mn { font-size: 16px; font-weight: 400; line-height: 1.5; color: rgb(122, 132, 153); min-width: 100%; width: min-content; }
@media (max-width: 768px) {
.style_linkDescription__UH0Mn { font-size: 14px; }
}
.style_linkIcon__WdZsP { width: 10.204px; height: 10px; flex-shrink: 0; }


.intro-carousel .slick-dots { position: absolute !important; bottom: 16px !important; left: 50% !important; transform: translateX(-50%) !important; display: flex !important; -webkit-box-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; align-items: center !important; gap: 8px !important; list-style: none !important; margin: 0px !important; padding: 0px !important; z-index: 10 !important; width: auto !important; }
.intro-carousel .slick-dots li { width: 8px !important; height: 8px !important; margin: 0px !important; }


/* Original responsive components, without the application runtime. */
.original-mobile-header{display:none}.original-content{padding-top:24px;padding-bottom:80px;margin:auto;width:1200px;min-height:calc(100vh - 32px - 269px)}.original-mobile-footer{display:none}.original-desktop-footer{display:block}.slick-track{width:100%!important;transform:none!important}.slick-slide{width:100%!important}.slick-dots{display:none!important}#scrollable-div{min-height:100vh;overflow:visible}:root{--service-banner-h:48px}body{margin:0}body,body *{cursor:default}a,a *{cursor:pointer}a:focus-visible{outline:2px solid #2f8af5;outline-offset:4px}@media(max-width:1023px){.original-mobile-header{display:flex}.original-content{margin-top:16px;padding-top:0;padding-bottom:0;width:100%;min-height:0}.original-desktop-footer{display:none}}@media(max-width:767px){.original-mobile-footer{display:block}:root{--service-banner-h:84px}}

/* Keep the original sections within the available width between layout breakpoints. */
.original-content,
.original-desktop-footer,
.style_container__wqMGo,
.style_container__5aGZ6,
.style_container__YJGyy {
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 1023px) {
  .original-mobile-footer { display: block; }
}

@media (min-width: 769px) and (max-width: 1231px) {
  .style_row__35k3f,
  .style_row__8NXnj,
  .style_linksRow__2axMI {
    flex-wrap: wrap;
  }

  .style_partnerCard__yF7d6,
  .style_partnerCardWide__t2r2n {
    flex: 1 1 240px;
    width: auto;
    min-width: 0;
    max-width: 389.33px;
  }

  .style_backerCard__huHwD {
    flex: 1 1 160px;
    width: auto;
    min-width: 0;
    max-width: 282px;
  }

  .style_partnerLogo__D_jsr,
  .style_backerLogo__uPhc5 {
    max-width: 100%;
  }

  .style_linkCard__LJ_L5 {
    flex: 1 1 240px;
  }
}