* { padding: 0px; margin: 0px; box-sizing: border-box; font-family: Inter, "Britti Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }
::-webkit-scrollbar { width: 0px; height: 0px; }
::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.19); border-radius: 5px; }
::-webkit-scrollbar-track-piece { background: rgba(255, 255, 255, 0.19); border-radius: 5px; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0); border-radius: 10px; }
::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0); border-radius: 10px; }
::-webkit-resizer { background: rgba(0, 0, 0, 0); border-radius: 10px; }
html { height: 100%; }
body { min-height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: url("bg.jpg") center top / contain no-repeat, rgb(21, 21, 21); }
a, button, textarea, input { outline: none; text-decoration: none; }
.responsive-main { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.responsive-wrapper { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; background: url("bg.jpg") center top / contain no-repeat, rgb(21, 21, 21); }
.responsive-wrapper::before { position: fixed; content: ""; inset: 0px; z-index: 10; width: 100%; height: 100%; background: rgb(21, 21, 21); transition: opacity 0.2s ease 0s; }
.responsive-wrapper.mount::before { opacity: 0; pointer-events: none; }
.container { max-width: 1450px; width: 100%; padding: 0px 20px; margin: 0px auto; }
.responsive-time { padding: 12px 20px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: rgb(223, 3, 109); gap: 12px; }
.time-event { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; position: relative; }
.time-event::before { position: relative; content: ""; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; width: 24px; height: 24px; background: url("") center center / contain no-repeat; }
.time-event > p { color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; }
.time { display: flex; -webkit-box-align: center; align-items: center; gap: 3px; }
.time > span { color: rgba(255, 255, 255, 0.3); font-size: 20.773px; font-style: normal; font-weight: 500; line-height: 15.58px; }
.time > .item { display: flex; gap: 3px; }
.time > .item > p { color: rgb(212, 226, 239); font-size: 20.773px; font-style: normal; font-weight: 500; line-height: 15.58px; width: 21px; height: 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; border-radius: 2.597px; background: rgba(0, 0, 0, 0.12); }
.time > .item.left > p { color: rgba(212, 226, 239, 0.6); }
nav > ul { display: flex; list-style: none; gap: 48px; }
nav > ul > li { cursor: pointer; user-select: none; transition: all 0.2s ease 0s; }
nav > ul > li:hover { opacity: 0.6; }
nav > ul > li > p { white-space: nowrap; color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.navigation { display: flex; -webkit-box-align: center; align-items: center; }
.navigation > .item { width: 100%; }
.logo { max-width: 178px; height: 38px; }
.logo > img { display: flex; width: 100%; height: 100%; object-fit: contain; }
.button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; appearance: none; cursor: pointer; user-select: none; border: none; outline: none; background-color: transparent; transition: all 0.2s ease 0s; }
.button-a { border-radius: 8px; background: rgb(27, 27, 27); box-shadow: rgb(58, 58, 58) 0px 0px 0px 4px; height: 56px; padding: 0px 24px; }
.button-a > p { color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.button-a:hover { box-shadow: none; background: rgb(36, 36, 36); }
.navigate-links { display: flex; -webkit-box-pack: end; justify-content: flex-end; }
.navigation { padding: 26px 0px; }
.welcome-head-event { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; -webkit-box-pack: center; justify-content: center; position: relative; padding: 0px 24px; height: 52px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.04); }
.welcome-head-event::before { position: relative; content: ""; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; width: 20px; height: 20px; background-image: url("c033aa5013bfcc352136932c5706d2ed84b1e3ba.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.welcome-head-event > p { color: rgb(161, 162, 164); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 110.574%; }
.welcome-head { padding: 0px 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 22px; }
.welcome-head-text > h1 { color: rgb(255, 255, 255); text-align: center; font-family: "Britti Sans"; font-size: 64px; font-style: normal; font-weight: 500; line-height: 72px; }
.welcome-links { padding: 0px 20px; display: flex; -webkit-box-align: center; align-items: center; gap: 10px; -webkit-box-pack: center; justify-content: center; }
.button-b { padding: 0px 24px; border-radius: 8px; background: rgb(223, 3, 109); height: 56px; }
.button-b:hover { opacity: 0.6; }
.button-b > p { color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.button-c { padding: 0px 24px; height: 56px; border-radius: 8px; background: rgb(36, 36, 36); }
.button-c:hover { opacity: 0.6; }
.button-c > p { color: rgb(161, 162, 164); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.welcome { padding: 88px 4px 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 32px; border-radius: 24px; background: rgb(27, 27, 27); box-shadow: rgb(58, 60, 64) 0px 0px 0px 1px inset; }
.welcome-image { background: url("welcome-image.png") center bottom / cover no-repeat; height: 153px; }
.responsive-welcome { padding: 30px 0px; }
.rule-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; }
.rule-info > h1 { color: rgb(255, 255, 255); font-family: "Britti Sans"; font-size: 32px; font-style: normal; font-weight: 500; }
.rule-info > p { color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 500; }
.rule-content { max-width: 914px; width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; }
.rule-items { display: flex; gap: 14px; }
.rule-items > .item { width: 100%; padding: 32px; border-radius: 16px; background: rgba(255, 255, 255, 0.74); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; transition: all 0.2s ease 0s; }
.rule-items > .item:hover { background: rgba(255, 255, 255, 0.94); }
.rule-items > .item > h1 { color: rgb(0, 0, 0); font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; }
.rule-items > .item > p { color: rgb(36, 36, 36); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.rule { padding: 48px; background: url("rule-bg.jpg") right center / cover no-repeat; border-radius: 24px; }
.responsive-info { padding: 68px 0px; }
.ico-info { display: flex; -webkit-box-flex: 0; flex: 0 0 auto; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.ico-a { background-image: url("b3c3673f1fa8ff27a5177c8576883d4b9efbf114.svg"); }
.ico-b { background-image: url("e766e6cd5ecf80c9674f5af21e47d6a5d0354ba0.svg"); }
.ico-c { background-image: url("e766e6cd5ecf80c9674f5af21e47d6a5d0354ba0.svg"); }
.info { display: flex; gap: 30px; flex-wrap: wrap; }
.info > .item { -webkit-box-flex: 1; flex: 1 1 320px; padding: 32px; border-radius: 16px; background: rgb(27, 27, 27); box-shadow: rgb(58, 60, 64) 0px 0px 0px 1px inset; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; gap: 24px; transition: all 0.2s ease 0s; }
.info > .item:hover { background: rgb(36, 36, 36); }
.info > .item > h1 { color: rgb(255, 255, 255); font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; }
.info > .item > p { color: rgb(161, 162, 164); font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; }
.trust-items { max-width: 674px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.trust-items > .item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 64px; padding: 32px; border-radius: 16px; background: rgb(27, 27, 27); transition: all 0.2s ease 0s; }
.trust-items > .item > h1 { color: rgb(161, 162, 164); font-size: 20px; font-style: normal; font-weight: 500; line-height: 26px; }
.trust-items > .item > p { color: rgb(255, 255, 255); font-size: 36px; font-style: normal; font-weight: 600; line-height: 26px; }
.trust-items > .item:hover { background: rgb(36, 36, 36); }
.trust-items > .item.h-type { background: rgb(23, 28, 26); }
.trust-items > .item.h-type > h1 { color: rgb(83, 182, 111); }
.trust-items > .item.h-type > p { color: rgb(83, 182, 111); }
.trust-items > .item.h-type:hover { background: rgb(30, 38, 35); }
.trust { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
.trust-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; }
.trust-info > h1 { color: rgb(255, 255, 255); font-size: 48px; font-style: normal; font-weight: 500; line-height: normal; }
.trust-info-text { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; gap: 32px; max-width: 458px; width: 100%; }
.trust-info-text > p { color: rgb(161, 162, 164); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.responsive-airdrop-footer { margin-top: 112px; background: rgb(27, 27, 27); border-radius: 40px 40px 0px 0px; padding-top: 74px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 96px; }
.banners { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
.banners > .item { opacity: 0.18; transition: all 0.2s ease 0s; user-select: none; }
.banners > .item:hover { opacity: 0.32; }
.banners > .item > img { display: flex; width: 100%; height: 100%; object-fit: scale-down; }
.airdrop-info-head { max-width: 472px; width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; -webkit-box-align: start; align-items: flex-start; }
.airdrop-info-head > h1 { color: rgb(255, 255, 255); font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; }
.airdrop-info-head > p { color: rgba(255, 255, 255, 0.7); font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.airdrop { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 56px; }
.airdrop-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 20px; -webkit-box-pack: justify; justify-content: space-between; }
.message { position: relative; display: flex; -webkit-box-align: center; align-items: center; gap: 16px; }
.message::before { position: relative; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; content: ""; width: 24px; height: 24px; background-image: url("0249ec59439d5b5dce6e8b656067011beb79f784.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.message > p { color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 500; line-height: 38.275px; }
.airdrop-info-bottom { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 26px; }
.claim { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 24px; -webkit-box-align: start; align-items: flex-start; background: url("claim-bg.jpg") right center / cover no-repeat; border-radius: 10px; padding: 40px; }
.claim > p { color: rgba(255, 255, 255, 0.48); font-family: "Britti Sans"; font-size: 16px; font-style: normal; font-weight: 500; }
.claim > h1 { color: rgb(255, 255, 255); font-family: "Britti Sans"; font-size: 40px; font-style: normal; font-weight: 500; }
.button-d { height: 56px; padding: 0px 24px; border-radius: 8px; background: rgb(255, 255, 255); }
.button-d > p { transition: all 0.2s ease 0s; color: rgb(226, 28, 123); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.button-d:hover > p { color: rgb(58, 25, 41); }
.airdrop-info { padding: 48px; background: rgb(36, 36, 36); border: 1px solid rgb(58, 60, 64); border-radius: 16px; }
.airdrop-live { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.head-live { padding: 48px 48px 32px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; position: relative; }
.head-live::after { position: relative; content: ""; width: 24px; height: 24px; -webkit-box-flex: 0; flex: 0 0 auto; background-image: url("bc2ce6353a55af7a4c526dc62c8717c8de6b5952.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.head-live > p { color: rgb(255, 255, 255); font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; }
.live { overflow: hidden; background: rgb(36, 36, 36); border: 1px solid rgb(58, 60, 64); border-radius: 16px; }
.live-header { padding: 20px 48px; background: rgba(58, 60, 64, 0.24); display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; }
.live-header > .item > p { color: rgb(161, 162, 164); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
@-webkit-keyframes show { 
  0% { transform: scale(0); opacity: 0; }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes show { 
  0% { transform: scale(0); opacity: 0; }
  100% { opacity: 1; transform: scale(1); }
}
.row { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 20px; padding: 14px 48px; overflow: hidden; animation: 0.2s ease 0s 1 normal none running show; }
.row > .item > p { color: rgb(161, 162, 164); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.row > .item:first-child { overflow: hidden; width: 100%; }
.row > .item:first-child > p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.row > .item:last-child { display: flex; gap: 10px; position: relative; -webkit-box-align: center; align-items: center; }
.row > .item:last-child::after { position: relative; content: ""; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; width: 24px; height: 24px; background-image: url("39c72f14ba17d05c14d426f72e66da5d42fe658b.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.row > .item:last-child > p { white-space: nowrap; color: rgb(255, 255, 255); text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; }
.responsive-info-footer { background: rgb(35, 35, 35); padding: 16px 20px; display: flex; -webkit-box-pack: center; justify-content: center; }
.responsive-info-footer > p { color: rgb(161, 162, 164); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
@media screen and (max-width: 1450px) {
  .navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .rule-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .trust { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
  .airdrop-live { grid-template-columns: 1fr; }
  .rule { padding: 20px; border-radius: 20px; background: radial-gradient(19.36% 92.98% at -5.89% 82.21%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(13.17% 90.64% at 52.13% 129.87%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(11.31% 62.83% at 104.75% 29.19%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(20.2% 111.07% at 58.51% -4.36%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%), rgb(223, 3, 109); }
  nav > ul { gap: 16px; }
  .navigation { gap: 20px; }
  .navigation > .item { display: flex; -webkit-box-pack: center; justify-content: center; }
  .navigation > .item:last-child { display: none; }
  .welcome-head-text > h1 { font-size: 30px; line-height: 140%; }
  .welcome-head-text > h1 > br { display: none; }
  .info > .item { -webkit-box-align: center; align-items: center; text-align: center; }
  .rule-items > .item { text-align: center; padding: 20px; }
  .trust-info > h1 { font-size: 32px; }
  .rule-content { max-width: 100%; }
  .trust-items { max-width: 100%; }
  .airdrop-info-head { max-width: 100%; }
  .info { gap: 20px; }
  .button-a { height: 48px; padding: 0px 16px; }
  .button-a > p { font-size: 14px; }
  .button-b { height: 48px; padding: 0px 16px; }
  .button-b > p { font-size: 14px; }
  .button-d { height: 48px; padding: 0px 16px; }
  .button-d > p { font-size: 14px; }
  .button-c { height: 48px; padding: 0px 16px; }
  .button-c > p { font-size: 14px; }
  .welcome-head-event > p { font-size: 14px; }
  .welcome { padding: 44px 0px 0px; }
  .info > .item { padding: 20px; }
  .trust-items > .item { padding: 20px; gap: 32px; }
  .trust-items > .item > h1 { font-size: 16px; }
  .trust-items > .item > p { font-size: 22px; }
  .banners { display: none; }
  .responsive-airdrop-footer { padding-top: 20px; margin-top: 44px; }
  .airdrop-info { padding: 20px; }
  .claim { padding: 20px; }
  .claim > h1 { font-size: 26px; }
  .rule-info { text-align: center; }
  .trust-info { text-align: center; -webkit-box-align: center; align-items: center; }
  .trust-info-text { -webkit-box-align: center; align-items: center; }
  .trust-items > .item { text-align: center; }
  .airdrop-info-head { -webkit-box-align: center; align-items: center; text-align: center; }
  .message { -webkit-box-pack: center; justify-content: center; }
  .claim { -webkit-box-align: center; align-items: center; }
  .head-live { padding: 20px; }
  .head-live > p { font-size: 26px; }
  .live-header { padding: 20px; }
  .row { padding: 14px 20px; }
  .row > .item > p { font-size: 14px; }
  .row > .item:last-child > p { font-size: 14px; }
  .responsive-airdrop-footer { gap: 44px; }
  .responsive-info-footer > p { font-size: 14px; }
}
@media screen and (max-width: 769px) {
  .trust-items { grid-template-columns: 1fr; }
}