@import"https://fonts.googleapis.com/css2?family=Hanalei+Fill&display=swap";@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";@keyframes circle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scroll-left{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@font-face{font-family:Ode an Erik AH;src:url(/_next/static/media/Ode-Erik.64e9d506.ttf)}*{outline:0;margin:0;padding:0}body{background:#100b08;height:100vh;width:100%;position:relative;inset:0;overflow-x:hidden}.container-fluid{max-width:1440px;padding:0 32px;margin:0 auto}@media(max-width:991px){.container-fluid{padding:0 16px}}.piratopia-lading-page .background-top-lading-page{aspect-ratio:1440/797;position:relative;z-index:10}.piratopia-lading-page .background-top-lading-page:before{content:"";position:absolute;inset:0;background-image:url(/image/bg-top.png);width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;z-index:-1}.piratopia-lading-page .background-top-lading-page .header-lading-page{display:flex;align-items:center;justify-content:space-between;padding-top:36px}@media(max-width:991px){.piratopia-lading-page .background-top-lading-page .header-lading-page{padding-top:20px}.piratopia-lading-page .background-top-lading-page .header-lading-page img{width:154px;height:32px}}.piratopia-lading-page .background-top-lading-page .content-text{position:absolute;top:70%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}@media(max-width:991px){.piratopia-lading-page .background-top-lading-page .content-text{width:100%}}.piratopia-lading-page .background-top-lading-page .content-text .title-lading-page{position:relative;text-align:center;font-family:Hanalei Fill;font-size:80px;font-weight:400;line-height:84px;letter-spacing:2px;max-width:475px;color:#edece8;z-index:1}.piratopia-lading-page .background-top-lading-page .content-text .title-lading-page:before{content:attr(data-text);position:absolute;bottom:-6px;right:-6px;z-index:-1;background:linear-gradient(180deg,#6f363d,#f6c94d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}@media(max-width:991px){.piratopia-lading-page .background-top-lading-page .content-text .title-lading-page{font-size:40px;line-height:44px;max-width:375px}}.piratopia-lading-page .background-top-lading-page .content-text .desc{margin-top:12px;font-family:Hanalei Fill;color:#fff;text-align:center;font-family:Mulish;font-size:16px;font-style:normal;font-weight:700;line-height:24px}@media(max-width:991px){.piratopia-lading-page .background-top-lading-page .content-text .desc{display:none}}.piratopia-lading-page .background-top-lading-page .content-text .desc-mobile{display:none}@media(max-width:991px){.piratopia-lading-page .background-top-lading-page .content-text .desc-mobile{display:block;color:#fff;text-align:center;font-family:Mulish;font-size:14px;font-style:normal;font-weight:700;line-height:20px;margin-top:12px}}.piratopia-lading-page .bg-map-and-cloud{position:relative;margin-top:-175px;height:1276px;z-index:0}@media(max-width:991px){.piratopia-lading-page .bg-map-and-cloud{margin-top:0;height:auto}}.piratopia-lading-page .bg-map-and-cloud .bg-map{position:relative;height:810px}@media(max-width:991px){.piratopia-lading-page .bg-map-and-cloud .bg-map{height:325px;width:100%}.piratopia-lading-page .bg-map-and-cloud .bg-map:before{background-size:cover}}.piratopia-lading-page .bg-map-and-cloud .bg-map:before{content:"";position:absolute;inset:0;background-image:url(/image/bg-map.png);width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;z-index:-2}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap{position:absolute;background-image:url(/image/bg-roadmap.png);width:1440px;height:862px;background-position:50%;background-repeat:no-repeat;background-size:contain;top:336px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:5;overflow-x:hidden}@media(max-width:991px){.piratopia-lading-page .bg-map-and-cloud .bg-roadmap{height:1629px;width:434px;position:relative;top:0;background-image:url(/image/bg-roadmap-mobile.png);z-index:5;margin-top:-175px;background-size:unset}}@media(min-width:998px)and (max-width:1440px){.piratopia-lading-page .bg-map-and-cloud .bg-roadmap{overflow-x:hidden;width:100%}}@media screen and (max-width:434px){.piratopia-lading-page .bg-map-and-cloud .bg-roadmap{overflow-x:hidden;width:100%}}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .title-roadmap{font-family:Hanalei Fill;font-size:56px;font-weight:400;line-height:64px;text-align:center;background:var(--4,linear-gradient(3deg,#6f363d 2.01%,#f6c94d 98.14%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:991px){.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .title-roadmap{font-size:32px;line-height:40px}}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .list-box{display:flex;justify-content:center;gap:24px;margin-top:40px}@media(max-width:991px){.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .list-box{flex-direction:column;margin-top:32px}}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .list-box .item-roadmap{width:231px}@media(max-width:991px){.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .list-box .item-roadmap{width:100%;max-width:281px}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .list-box .item-roadmap img{width:64px;height:64px}}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .list-box .item-roadmap .title{margin-top:16px;color:#4e3d18;-webkit-text-stroke-width:.5491972566;-webkit-text-stroke-color:#4e3d18;font-family:Hanalei Fill;font-size:24px;font-style:normal;font-weight:400;line-height:32px;letter-spacing:2px;text-transform:capitalize}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .list-box .item-roadmap .desc{margin-top:8px;color:#716446;font-family:Mulish;font-size:16px;font-weight:700;line-height:24px}.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .ship-roadmap{position:absolute;right:0;top:0}@media(max-width:991px){.piratopia-lading-page .bg-map-and-cloud .bg-roadmap .ship-roadmap{width:132px;height:132px;right:-12px}}.piratopia-lading-page .footer{position:relative}@media(max-width:991px){.piratopia-lading-page .footer>*+*{margin-top:24px}}.piratopia-lading-page .footer:before{content:"";position:absolute;background:url(/image/cloud-footer-v2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:720px}@media(max-width:991px){.piratopia-lading-page .footer:before{height:100%;z-index:2;background-size:contain;top:-13%}}.piratopia-lading-page .footer .cloud-footer{position:relative;z-index:1;height:400px}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer{height:272px;margin-top:0;width:100%}}.piratopia-lading-page .footer .cloud-footer .container-fluid{height:100%;display:flex;align-items:flex-end;justify-content:center}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer .container-fluid{padding:0}}.piratopia-lading-page .footer .cloud-footer .bg-footer{position:relative;height:376px;display:flex;align-items:center;justify-content:center;width:100%}.piratopia-lading-page .footer .cloud-footer .bg-footer:before{content:"";position:absolute;inset:0;background-image:url(/image/bg-footer.png);width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;z-index:-1}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer .bg-footer{height:272px;width:100%;padding:0 16px}.piratopia-lading-page .footer .cloud-footer .bg-footer:before{background-size:cover}}.piratopia-lading-page .footer .cloud-footer .content{display:flex;justify-content:center;width:100%;gap:24px 228px}.piratopia-lading-page .footer .cloud-footer .content .title{text-align:center;font-family:Hanalei Fill;font-size:64px;font-weight:400;line-height:72px;background:linear-gradient(3deg,#6f363d 2.01%,#f6c94d 98.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;height:-moz-fit-content;height:fit-content}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer .content .title{font-size:32px;line-height:40px}}.piratopia-lading-page .footer .cloud-footer .content .desc{max-width:384px;color:#fff;font-family:Mulish;font-size:16px;font-weight:500;line-height:150%}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer .content .desc{text-align:center}}.piratopia-lading-page .footer .cloud-footer .content .mobile{display:none}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer .content .mobile{display:block}}.piratopia-lading-page .footer .cloud-footer .content .desktop{display:block}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer .content .desktop{display:none}}.piratopia-lading-page .footer .cloud-footer .content svg{cursor:pointer;margin-bottom:24px}@media(max-width:991px){.piratopia-lading-page .footer .cloud-footer .content svg{margin-top:16px}.piratopia-lading-page .footer .cloud-footer .content{gap:24px;flex-direction:column;align-items:center}.piratopia-lading-page .footer .cloud-footer .content .flex-content{display:flex;flex-direction:column;align-items:center}}.piratopia-lading-page .footer .bg-get-in-touch{position:relative;height:855px;display:flex;align-items:center;justify-content:center}@media(max-width:991px){.piratopia-lading-page .footer .bg-get-in-touch{height:338px;padding-top:44px}}.piratopia-lading-page .footer .bg-get-in-touch:before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url(/image/bg-get-in-touch.png);background-position:50%;background-repeat:no-repeat;background-size:contain;z-index:-1}.piratopia-lading-page .footer .bg-get-in-touch .content{display:flex;align-items:center;flex-direction:column}@media(max-width:991px){.piratopia-lading-page .footer .bg-get-in-touch .content img{width:135px;height:158px}}.piratopia-lading-page .footer .bg-get-in-touch .content .title{margin-top:32px;text-align:center;font-family:Hanalei Fill;font-size:64px;font-weight:400;line-height:72px;background:linear-gradient(3deg,#6f363d 2.01%,#f6c94d 98.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:991px){.piratopia-lading-page .footer .bg-get-in-touch .content .title{font-size:32px;line-height:40px}}.piratopia-lading-page .footer .bg-get-in-touch .content .desc{color:#fff;font-family:Mulish;font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-top:24px}@media(max-width:991px){.piratopia-lading-page .footer .bg-get-in-touch .content .desc{font-size:14px;line-height:20px}}.piratopia-lading-page .footer .bg-get-in-touch .content .flex-btn{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:35px}.piratopia-lading-page .footer .bg-get-in-touch .content .flex-btn img{cursor:pointer}@media(max-width:991px){.piratopia-lading-page .footer .bg-get-in-touch .content .flex-btn img{width:48px;height:48px}.piratopia-lading-page .footer .bg-get-in-touch .content .flex-btn{margin-bottom:40px}}.piratopia-lading-page .btn-background{width:175px;height:64px;background-image:url(/image/bg-button.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:Hanalei Fill;font-size:24px;font-weight:400;line-height:32px;color:#ebe3ce}@media(max-width:991px){.piratopia-lading-page .btn-background{width:109px;height:40px;font-size:14px;line-height:20px}}.piratopia-lading-page .btn-background-started{margin-top:40px;width:175px;height:64px;background-image:url(/image/bg-button.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:Hanalei Fill;font-size:24px;font-weight:400;line-height:32px;color:#ebe3ce}@media(max-width:991px){.piratopia-lading-page .btn-background-started{background-image:url(/image/btn-background-started.png);margin-top:32px;width:calc(100vw - 32px);min-width:calc(100vw - 32px);height:40px;font-size:14px;line-height:20px}}