:root{--section-padding-hor:8.33vw;--primary-color:rgb(255,212,74);--secondary-color:rgb(0,125,170);--text-color:rgb(33,31,40);--secondary-text-color:rgb(51,51,51)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes animateCell{from{opacity:0;transform:scale(0.3);filter:hue-rotate(180deg)}to{opacity:1;transform:scale(1);filter:hue-rotate(0deg)}}@keyframes rotate-text-up{0%{transform:translate3d(0,2em,0);opacity:0}40%,
    100%{transform:translate3d(0,0,0);opacity:1}}@keyframes expand-width{from{width:0}to{width:100vw}}h2{color:var(--text-color);font-size:clamp(38px,2.4vw,46px)}em{color:var(--secondary-color);font-style:normal}section{padding:clamp(60px,6.25vw,120px) var(--section-padding-hor);position:relative}.glass{backdrop-filter:blur(20px) saturate(1.2);background-color:rgba(255,255,255,0.2);transition:backdrop-filter 0.4s ease}.back-media{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;object-fit:cover;object-position:center}.lump{position:absolute;z-index:-1}.linear-border{position:relative}.linear-border::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-clip:padding-box,border-box;-webkit-mask-composite:destination-out;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-clip:padding-box,border-box;mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask-composite:exclude}header{position:fixed;top:0;right:0;left:0;width:100%;height:75px;z-index:999;display:grid;grid-template-columns:1fr auto auto auto;column-gap:1.25vw;align-items:center;padding-left:var(--section-padding-hor)}header .logo-img{height:60%}header nav ul{display:flex;column-gap:clamp(28px,2vw,46px);align-items:center;justify-content:center;list-style:none}header nav ul li{font-size:16px;color:var(--text-color);transition:color .4s ease}header nav ul li:hover{color:var(--primary-color)}header .func-area{display:flex;flex-direction:row;align-items:center;column-gap:1.25vw}header .func-area .lang-btn{width:clamp(18px,1.35vw,26px);height:clamp(18px,1.35vw,26px);background-image:url('../assets/icons/world.png');background-size:cover;cursor:pointer;position:relative}header .func-area .lang-btn.active .lang-menu{max-height:122px;transition:max-height 0.5s}header .func-area .lang-btn .lang-menu{z-index:1000;position:absolute;right:0;margin-top:30px;padding:0;width:160px;max-height:0;overflow:hidden;box-sizing:border-box;border-radius:6px;background:white;box-shadow:5px 5px 5px rgba(0,0,0,0.2)}header .func-area .lang-btn .lang-menu li{position:relative;display:flex;align-items:center;gap:14px;padding:0 12px;margin:3px;height:50px;border-radius:6px;box-sizing:border-box}header .func-area .lang-btn .lang-menu li:hover{background:var(--primary-color)}header .func-area .lang-btn .lang-menu li p{font-size:16px}header .func-area .lang-btn .lang-menu li .dot{position:absolute;right:12px;width:6px;height:6px;background:var(--primary-color);border:1px solid #F8FAFF;border-radius:6px}header .func-area .lang-btn .lang-menu .line{display:block;width:calc(100% - 6px);height:1px;margin:0 3px;box-sizing:border-box;border-bottom:solid 1px lightgray}#home{height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center}#home picture{width:40.625vw}#home h1{font-size:clamp(32px,3.54vw,68px);line-height:120%;color:white;margin:10px 0 60px;text-align:center}#home .swiper{position:relative;width:34.375vw;border-radius:30px;overflow:hidden;backdrop-filter:blur(64px) saturate(1.2);background-color:rgba(255,255,255,0.36)}#home .swiper::before{border:5px solid transparent;background:linear-gradient(104.14deg,white 9.06%,transparent 115.07%) border-box border-box}#home .swiper article{padding:clamp(24px,2.6vw,50px)}#home .swiper article p{font-size:clamp(16px,1.25vw,24px);font-weight:500;color:var(--secondary-text-color);margin-bottom:clamp(20px,1.56vw,30px)}#home .swiper .swiper-pagination{bottom:20px}#home .swiper .swiper-pagination-bullet{border-radius:0;width:10px;height:10px;border-radius:50%;opacity:1;background:rgba(255,255,255,0.5);display:inline-block;margin-right:6px;cursor:pointer;transition:all 0.2s}#home .swiper .swiper-pagination-bullet-active{background:var(--primary-color);width:40px;height:6px;border-radius:10px;margin-bottom:2px}#platform{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;column-gap:clamp(20px,1.823vw,35px);row-gap:clamp(60px,7.56vw,145px)}#platform::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background:linear-gradient(to top,rgba(240,244,248,1) 20%,rgba(255,255,255,0.1) 80%);z-index:-1}#platform .back-king{position:absolute;z-index:-2;top:10px;left:50%;max-height:calc(100% - 11px);width:44.271vw;transform:translateX(-50%);overflow:hidden}#platform .lump1{right:0;top:0}#platform h2{grid-column-start:1;grid-column-end:4;text-align:center}#platform article{border-radius:20px;padding:clamp(24px,3.125vw,60px) clamp(30px,2.6vw,50px);display:flex;flex-direction:column;row-gap:20px;background:rgba(255,255,255,0.6);backdrop-filter:blur(60px)}#platform article::before{border:4px solid transparent;background:linear-gradient(162.76deg,#FFFFFF 7.71%,rgba(255,255,255,0.19) 98.88%) border-box border-box}#platform article h3{font-size:clamp(24px,1.98vw,38px)}#platform article img{margin:clamp(10px,1.56vw,30px) 0;width:106px;height:106px}#platform article strong{font-size:clamp(18px,1.25vw,24px)}#about{padding-bottom:40px;display:grid;grid-template-rows:repeat(4,auto);grid-template-columns:40fr 47fr 33fr 47fr;gap:20px}#about .lump1{left:0;top:0}#about .lump2{right:0;top:0}#about h2{grid-column-start:1;grid-column-end:3}#about .logo-img{grid-column-start:3;grid-column-end:5;grid-row-start:1;grid-row-end:3;margin:-100px 45px 0 45px;align-self:end}#about .logo-img img{object-fit:contain}#about>p{grid-column-start:1;grid-column-end:3;padding-right:5vw}#about.animated article{animation:animateCell 600ms ease-out}#about article{box-shadow:10px 10px 110.9px 0px rgba(255,231,144,0.25) inset;border-radius:20px;background:white;padding:40px}#about article h3{display:inline-block;padding:12px 55px;background:var(--primary-color);border-radius:100px;margin-bottom:35px;font-size:24px}#about article:first-of-type{position:relative;overflow:hidden;padding-bottom:0;grid-row-start:3;grid-row-end:5}#about article:first-of-type picture{position:absolute;left:-30px;bottom:0;width:90%}#about article:nth-of-type(3){grid-column-start:3;grid-column-end:5}#about article:nth-of-type(4){grid-column-start:2;grid-column-end:4}#ju-ecosystem{padding-bottom:40px;display:grid;grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);row-gap:60px;column-gap:35px}#ju-ecosystem .lump1{top:0;right:0}#ju-ecosystem .lump2{right:0;bottom:0}#ju-ecosystem h2{grid-column-start:1;grid-column-end:4;text-align:center}#ju-ecosystem article{padding:clamp(38px,3vw,58px) 38px;position:relative}#ju-ecosystem article .decorator{position:absolute}#ju-ecosystem article .decorator.top{top:0;left:0;width:100%}#ju-ecosystem article .decorator.corner1{top:10px;left:10px}#ju-ecosystem article .decorator.corner2{top:10px;right:10px}#ju-ecosystem article .decorator.corner3{bottom:10px;right:10px}#ju-ecosystem article .decorator.bottom{left:0;bottom:0;width:100%}#ju-ecosystem article .decorator.corner4{left:10px;bottom:10px}#ju-ecosystem article .header{display:inline-block;border-radius:5px;padding:10px 20px;background:var(--primary-color)}#ju-ecosystem article .header img{height:20px}#ju-ecosystem article h3{font-weight:bold;font-size:clamp(20px,1.56vw,30px);margin:15px 0}#team{padding-bottom:40px}#team h2{text-align:center}#team .members-list{display:grid;grid-template-columns:repeat(5,1fr);column-gap:clamp(20px,1.56vw,30px);padding:clamp(40px,4.69vw,90px) 0;position:relative}#team .members-list .back-border,
        #team .members-list .bottom-line{position:absolute;left:calc(-1 * var(--section-padding-hor));width:100svw;z-index:-1}#team .members-list.showup article h3{animation:rotate-text-up 1s;animation-delay:0.5s}#team .members-list .back-border{top:0;width:100vw;height:100%;object-fit:contain}#team .members-list .bottom-line{bottom:calc(-1 * clamp(1px, 0.52vw, 10px))}#team .members-list article{display:flex;flex-direction:column}#team .members-list article:nth-of-type(3){margin-top:50px}#team .members-list article picture img{object-fit:contain}#team .members-list article h3{align-self:start;margin-top:clamp(14px,1.04vw,20px);font-size:clamp(16px,1.04vw,20px);font-weight:500;padding:clamp(6px,0.52vw,10px) clamp(14px,1.04vw,20px);border:solid 1px rgb(255,156,57);border-radius:100px}#team .members-list article p{margin-top:clamp(6px,0.52vw,10px)}#team .members-list article p strong{font-size:clamp(16px,1.25vw,24px)}#partners{display:grid;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(8,1fr);gap:20px;padding-bottom:50px}#partners .lump2{right:0;top:0}#partners h2{grid-column-start:1;grid-column-end:9;text-align:center;margin-bottom:40px}#partners article{padding:20px;border-radius:20px;background:white;display:flex;flex-direction:column}#partners article:hover{background-color:var(--primary-color)}#partners article>span{align-self:start}#partners article>span picture{padding:6px 10px;background:white;border-radius:5px;margin-right:5px;display:inline-block}#partners article>span picture img{height:clamp(18px,1.3vw,25px);object-fit:contain}#partners article h3{font-size:clamp(16px,1.04vw,20px);font-weight:bold;margin:12px 0 5px}#partners article p{font-size:clamp(14px,0.83vw,16px)}#partners article:nth-of-type(1){grid-column-start:1;grid-column-end:3}#partners article:nth-of-type(2){grid-column-start:3;grid-column-end:5}#partners article:nth-of-type(3){grid-column-start:5;grid-column-end:7}#partners article:nth-of-type(4){grid-column-start:7;grid-column-end:9}#partners article:nth-of-type(5){grid-column-start:2;grid-column-end:4}#partners article:nth-of-type(6){grid-column-start:4;grid-column-end:6}#partners article:nth-of-type(7){grid-column-start:6;grid-column-end:8}#partners article:nth-of-type(8){grid-column-start:3;grid-column-end:5}#partners article:nth-of-type(9){grid-column-start:5;grid-column-end:7}#games{padding-top:0}#games .game-video{position:relative;height:87svh}#games .game-video video{position:absolute;left:calc(-1 * var(--section-padding-hor));top:0;width:100vw;height:100%;object-fit:cover;z-index:-2;opacity:0.9}#games .game-video picture{position:absolute;left:50%;transform:translateX(-50%);z-index:1}#games .game-video picture.title{width:204px;bottom:304px}#games .game-video picture.arrow{width:109px;bottom:65px}#games .back-arc-img{position:absolute;left:0;top:63.5svh;width:100vw;z-index:-1}#games .flagship{margin-top:clamp(80px,6.25vw,120px);display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;column-gap:30px;position:relative}#games .flagship .lump1{left:calc(-1 * var(--section-padding-hor))}#games .flagship h3{font-size:clamp(24px,1.98vw,38px);grid-column-start:1;grid-column-end:3}#games .flagship .tabs-list{grid-column-start:1;grid-column-end:3;display:flex;flex-direction:row;column-gap:clamp(20px,1.56vw,30px);list-style:none;margin:60px 0 40px}#games .flagship .tabs-list li{padding:clamp(12px,1.04vw,20px) clamp(20px,1.56vw,30px);border:1px solid rgb(255,156,57);border-radius:10px;font-size:clamp(18px,1.25vw,24px);font-weight:500;color:black;cursor:pointer}#games .flagship .tabs-list li:hover{background-image:linear-gradient(87.33deg,#FFD44C 2.06%,#FFD7C9 98.54%)}#games .flagship .tabs-list li.active{position:relative;background-image:linear-gradient(87.33deg,#FFD44C 2.06%,#FFD7C9 98.54%)}#games .flagship .tabs-list li.active::before{position:absolute;left:50%;bottom:0;width:clamp(12px,1.04vw,20px);height:clamp(10px,0.9vw,18px);content:'';transform:translateX(-50%);background-color:rgba(255,156,57,1);clip-path:polygon(50% 0%,0% 100%,100% 100%)}#games .flagship .dest-text{box-shadow:0px 0px 175.3px -3px rgba(255,168,127,0.25) inset;border-radius:20px;background-color:white;min-height:27.6vw}#games .flagship .dest-text article{display:none;padding:58px 60px 20px 60px}#games .flagship .dest-text article.show{display:block}#games .flagship .dest-text article.fade-in{animation:fade-in 0.5s ease-in}#games .flagship .dest-text article h3{font-size:24px;margin-bottom:12px}#games .flagship .dest-text article p{margin-bottom:40px}#games .flagship .dest-pic{overflow:hidden;border-radius:30px;background:rgba(78,132,179,1);position:relative}#games .flagship .dest-pic picture{position:absolute}#games .flagship .dest-pic picture:first-child{left:-30px;top:0;right:-30px;bottom:0}#games .flagship .dest-pic picture:last-child{top:0;left:40px;width:354px}#games .matrix{margin-top:clamp(80px,6.25vw,120px);position:relative}#games .matrix .lump1,
        #games .matrix .lump2{right:calc(-1 * var(--section-padding-hor))}#games .matrix h3,
        #games .matrix h4,
        #games .matrix p{text-align:center}#games .matrix h3{font-size:clamp(24px,1.98vw,38px)}#games .matrix h4{font-size:clamp(20px,1.56vw,30px);margin:clamp(20px,1.56vw,30px) 0}#games .matrix p{padding:0 23.5vw}#games .matrix .game-list{margin-top:60px;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:35px;row-gap:42px;justify-content:center}#games .matrix .game-list picture{width:26vw;height:250px;background:rgba(24,108,101,1);transition:transform 0.5s}#games .matrix .game-list picture:hover{box-shadow:rgba(2,8,20,0.1) 0px 0.35em 1.175em,rgba(2,8,20,0.08) 0px 0.175em 0.5em;transform:translateY(-3px) scale(1.05)}#token{display:flex;flex-direction:column;align-items:center;row-gap:30px}#token::before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';opacity:.2;z-index:-2;background-image:url('../assets/images/token.webp'),url('../assets/images/token.png');background-repeat:no-repeat;background-position:center 100px;background-size:45%;background-attachment:fixed}#token .title-pic{width:250px;height:250px}#token .lump1{right:0}#token .lump2{left:0}#token h2{margin-bottom:30px}#token>article{width:100%;border-radius:20px;background-color:white}#token>article:first-of-type{background-color:var(--primary-color)}#token>article:not(:first-of-type){display:grid;grid-template-columns:auto 1fr 25vw;column-gap:38px;padding:82px 60px}#token>article:not(:first-of-type) h3{font-weight:bold;font-size:clamp(24px,1.5625vw,30px)}#token>article:not(:first-of-type) strong{font-size:clamp(16px,1.042vw,20px);font-weight:500}#token>article:not(:first-of-type) picture{height:260px}#token>article:not(:first-of-type) li:not(:first-of-type){margin-top:26px}#token .percent-card{display:grid;grid-template-columns:1fr 1.8fr;column-gap:30px;padding:clamp(22px,2.083vw,40px)}#token .percent-card>.card{background-color:rgba(255,255,255,0.2);border:solid 4px white;border-radius:20px;backdrop-filter:blur(40px)}#token .percent-card .info-container{padding:clamp(30px,2.6vw,50px) 0 clamp(30px,2.6vw,50px) clamp(22px,2.083vw,40px);display:flex;flex-direction:column;justify-content:space-between;row-gap:40px}#token .percent-card .info-container article{font-size:clamp(18px,1.25vw,24px);font-weight:bold}#token .percent-card .info-container article h4{margin-bottom:clamp(8px,0.8vw,15px)}#token .percent-card .info-container article p:last-of-type{font-weight:500;color:rgba(134,112,41,1)}#token .percent-card .info-container article strong{font-size:clamp(20px,1.46vw,28px)}#token .percent-card .chart-container{display:flex;flex-direction:row;column-gap:30px;padding:20px clamp(24px,2.1875vw,42px);align-items:center}#token .percent-card .chart-container picture{height:clamp(180px,14.0625vw,270px)}#token .percent-card .chart-container picture img{width:auto}#token .percent-card .chart-container article{display:grid;grid-template-columns:1fr auto;column-gap:28px;row-gap:8px}#token .percent-card .chart-container article h3{grid-column-start:1;grid-column-end:3;margin-bottom:20px}#community .lump1{left:0;bottom:0}#community h2{text-align:center;margin-bottom:84px}#community .seats-overview{display:flex;flex-direction:row;column-gap:clamp(40px,3.39vw,65px)}#community .seats-overview .details{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto 1fr;padding-top:1.41vw;gap:20px;font-size:clamp(18px,1.25vw,24px)}#community .seats-overview .details .line{grid-column-start:1;grid-column-end:4;display:grid;grid-template-columns:clamp(40px,4.17vw,80px) 1fr;align-items:center;column-gap:clamp(16px,1.5625vw,30px)}#community .seats-overview .details .line img{width:100%}#community .seats-overview .details article{justify-self:stretch;align-self:end;border-radius:20px;background-color:rgba(255,255,255,0.4);border:solid 2px white;height:8.33vw;width:12.76vw;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#community .seats-overview .details article strong{font-size:clamp(30px,2.4vw,46px)}#community .card{border-radius:20px;background-color:white;box-shadow:0px 0px 175.3px -3px rgba(255,168,127,0.25) inset;display:grid;grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);column-gap:70px;row-gap:60px;padding:60px 70px 100px 70px;margin:50px 0 120px}#community .card.showup p{animation:rotate-text-up 1.5s;animation-delay:0.5s}#community .card h3{grid-column-start:1;grid-column-end:4;padding:32px 0;margin:0 clamp(40px,10.4167vw,200px);text-align:center;background:linear-gradient(90deg,rgba(255,212,74,0) 0%,#FFD44A 53.37%,rgba(255,212,74,0) 100%)}#community .card article{display:flex;flex-direction:column;align-items:center;row-gap:20px}#community .card article .pic-container{width:180px;height:180px;border-radius:100%;overflow:hidden;background:rgba(200,200,200,1)}#community .slogan{font-size:clamp(26px,1.98vw,38px);text-align:center;background:linear-gradient(90deg,#5787FF 0%,#36EE73 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#roadmap .lump1{right:0;bottom:0}#roadmap .lump2{left:0;height:100%}#roadmap h2{text-align:center;margin-bottom:70px}#roadmap{--icon-outer-width:clamp(120px,8.96vw,172px)}#roadmap .phase-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px;position:relative}#roadmap .phase-list.showup::before{animation:expand-width 1s;animation-delay:0.5s}#roadmap .phase-list::before{position:absolute;content:'';top:calc(var(--icon-outer-width) / 2);left:calc(-1 * var(--section-padding-hor));width:100vw;height:2px;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#FFFFFF 46.63%,rgba(255,255,255,0) 100%)}#roadmap article{display:flex;flex-direction:column;align-items:center;row-gap:32px}#roadmap article .icon{position:relative;width:var(--icon-outer-width);height:var(--icon-outer-width);color:rgba(218,230,255,1)}#roadmap article .icon::before,
            #roadmap article .icon::after{position:absolute;content:'';z-index:-1;border-radius:100%}#roadmap article .icon::after,
            #roadmap article .icon picture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#roadmap article .icon::before{top:0;right:0;bottom:0;left:0;border:solid clamp(8px,0.625vw,12px) currentColor}#roadmap article .icon::after{width:86%;height:86%;border:solid 1px white;background-color:currentColor}#roadmap article .icon picture{width:71%;height:71%}#roadmap article .content{flex:1;border:solid 2px var(--primary-color);padding:40px;border-radius:20px}#roadmap article .content h3{font-weight:bold;font-size:clamp(18px,1.25vw,24px);margin-bottom:20px}footer{background-color:rgba(255,212,74,1);height:162px;padding:0 var(--section-padding-hor);display:flex;flex-direction:row;align-items:center;justify-content:space-between}footer .link-list{list-style:none;display:flex;flex-direction:row;align-items:center;column-gap:16px}footer .link-list li{cursor:pointer}footer .link-list li:hover{filter:brightness(120%)}