.topbar-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.topbar-menu{display:flex;gap:3rem;justify-content:center;align-items:center;padding:.75rem 2rem;width:100%}.topbar-menu-item{color:#885400;font-size:16px;font-weight:500;cursor:pointer;transition:color .3s ease-in-out;position:relative;filter:drop-shadow(0px 2px 0px rgba(255,255,255,.5))}.topbar-menu-item:hover{color:#ff5800}.topbar-backdrop{position:fixed;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.topbar-menu-icon{display:none}.topbar-mobile-close{display:none;position:absolute;top:1rem;right:1rem;font-size:2rem;color:#fff;cursor:pointer}.topbar-logo{width:32px;height:32px;scale:3;transform:translateY(.5rem)}.soon-tag{background:#ff5800;color:#fff;padding:.05rem .5rem;border-radius:1rem;font-size:10px;font-weight:500;margin-left:.5rem;position:absolute;top:-.6rem;right:-1.25rem}@media only screen and (max-width: 768px){.topbar-menu-item{color:#fff}.topbar-logo-wrapper{order:-1}.topbar-mobile-close{display:block}.topbar-menu{position:fixed;top:0;height:100%;border-radius:0;flex-direction:column;right:-100%;background:#17151e;padding:1rem 2rem}.topbar-menu.active{right:0}.topbar-backdrop.active{opacity:1;top:0;left:0;background:#00000040;height:100dvh;width:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:all;display:flex;flex-direction:column}.topbar-menu-icon{display:block}.topbar-menu-icon .topbar-logo{scale:1;transform:translateY(0)}.topbar-logo-wrapper .topbar-logo{width:48px;height:48px;scale:1.75;transform:translateY(0);order:0}.topbar-container{padding:0}.topbar-wrapper{padding:.25rem}}.footer-wrapper{height:100dvh;width:100dvw;display:flex;flex-direction:column;gap:3rem;padding:1rem 5rem;background:#653a77}.footer-img,.footer-img img{width:100%}.footer-bottom{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:2rem;color:#feb949;font-family:Shantell Sans}@media only screen and (max-width: 768px){.footer-wrapper{padding:1rem;gap:1rem}.footer-bottom{font-size:1.5rem;display:flex;flex-direction:column;gap:1rem}}.hero-wrapper{width:100dvw;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#663a77}.hero-image{width:100%;object-fit:cover}.hero-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#feb949;line-height:.875;text-align:center}.hero-content-first{font-size:3.5rem;font-weight:600;margin-bottom:1rem;font-family:Shantell sans,sans-serif}.hero-content-second{font-size:2.5rem;font-weight:400;font-family:Shantell sans,sans-serif}.hero-banner-image{width:100%}@media only screen and (max-width: 768px){.hero-content-first{font-size:2.5rem}.hero-content-second{font-size:1.5rem}}.roadmap-wrapper{display:flex;flex-direction:column;gap:1rem;width:100dvw;height:100dvh;justify-content:center;align-items:center;background:#653a77}.roadmap-title{color:#feb949;font-weight:700;font-size:4rem;filter:drop-shadow(0px 2px 0px rgba(255,255,255,.5))}.tokenomics-wrapper{display:flex;flex-direction:column;gap:3rem;padding:0rem 3rem;justify-content:center;align-items:center;background-color:#6d447e}.tokenomics-head{color:#feb949;text-align:center;display:flex;flex-direction:column;line-height:1.75rem;filter:drop-shadow(0px 3px 0px rgba(0,0,0,.5))}.tokenomics-title{font-weight:700;font-size:2rem}.tokenomics-title-desc{font-weight:400;font-size:1.25rem}.tokenomics-content{display:flex;gap:2rem;justify-content:center;align-items:center;width:max-content}.tokenomics-item{font-weight:700;font-size:1.5rem;display:flex;flex-direction:column;filter:drop-shadow(0px 3px 0px rgba(0,0,0,.5))}.tokenomics-item-desc{font-weight:400;font-size:.875rem}@media only screen and (max-width: 768px){.tokenomics-wrapper{padding:0 3rem}.tokenomics-content{flex-direction:column;gap:1rem;width:100%}.tokenomics-item{font-size:1.25rem}.tokenomics-item-desc{font-size:.75rem}.tokenomics-image{width:50%}}.vision-wrapper{display:flex;flex-direction:column;gap:3rem;width:100dvw;justify-content:center;align-items:center;background:#feb949;text-align:center}.vision-title{color:#885400;font-weight:700;font-size:4rem;filter:drop-shadow(0px 2px 0px rgba(255,255,255,.5))}.vision-btn{background:#eb3281;padding:.25rem 2rem;color:#fff;border-radius:1.5rem;font-size:1.5rem}.vision-bottom{font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.vision-desc{font-size:1.5rem}@media (max-width: 768px){.vision-wrapper{gap:1.5rem;min-height:100dvh}.vision-title{font-size:2.5rem}.vision-desc{font-size:1rem;padding:0 1rem}.vision-btn{font-size:1rem;padding:.25rem 1rem}.vision-bottom{font-size:1rem;gap:.5rem}}.character-container{display:flex;flex-direction:column;gap:3rem}.character-wrapper{display:flex;align-items:center;gap:3rem;color:#fff;font-family:Shantell sans,sans-serif}.character-wrapper.reverse{flex-direction:row-reverse;text-align:right}.character-content{display:flex;flex-direction:column;gap:3rem;filter:drop-shadow(0px 3px 0 rgba(0,0,0,.5))}.character-name{font-size:2rem;font-weight:700}.character-quote{font-size:1.5rem;font-style:italic;font-weight:300}.character-desc{font-size:1.2rem;font-weight:400}.character-content-highlight{margin-inline:.2rem;font-weight:700}.character-content-highlight.pink{color:#e7629b}.character-content-highlight.blue{color:#1eb0d8}.character-content-highlight.green{color:#9dce17}.character-content-highlight.purple{color:#90529a}.wave{width:100dvw;margin-bottom:-10px}.wave.reverse{width:100dvw;margin-top:-10px;rotate:180deg}@media (max-width: 768px){.character-wrapper,.character-wrapper.reverse{flex-direction:column;text-align:center}.character-image{width:50dvw}}*{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:500;font-family:Shantell Sans,sans-serif}button{background:none;border:none;cursor:pointer;font-weight:500}a{text-decoration:none;color:inherit}li,p,a,button,label,span{font-family:Shantell Sans,sans-serif}a{text-align:center}@media only screen and (max-width: 768px){p{font-size:.875rem!important}}html{color:#000;height:100dvh;width:100dvw;font-size:18px;overflow:hidden;display:flex;background:#653a77;font-family:Shantell Sans}*{scroll-behavior:smooth}body{flex:1;overflow:hidden;display:flex}#root{width:100%;flex:1;overflow:hidden scroll;display:flex;flex-direction:column}@media only screen and (max-width: 768px){html{font-size:16px}img{width:100%;height:auto}.custom-head{font-size:2.5rem;flex-direction:column;gap:0rem;line-height:1.2}#app-container{gap:5rem}}@media only screen and (max-width: 475px){html{font-size:14px}.custom-head{font-size:2rem}}.container{padding-inline:.5rem;width:100%;margin:auto}@media only screen and (max-width: 425px){.container{padding-inline:1.5rem}}@media only screen and (min-width: 475px){.container{max-width:475px;padding-inline:2.5rem}}@media only screen and (min-width: 600px){.container{max-width:600px;padding-inline:1rem}}@media only screen and (min-width: 768px){.container{max-width:768px;padding-inline:3rem}}@media only screen and (min-width: 976px){.container{max-width:1024px;padding-inline:3rem}}@media only screen and (min-width: 1200px){.container{max-width:1200px;padding-inline:3rem}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding-inline:3rem}}