:root{background-color:#010101;font-family:Source Han Sans;aspect-ratio:16 / 9;scrollbar-width:none;scroll-snap-type:y mandatory;scroll-behavior:smooth}@media screen and (max-width:1024px){titleCenter{visibility:hidden}}.background{width:83.33vw;height:26.48vh;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:3.33%}.circle_pink{border-radius:50%;background:#ff0084;width:17.87%;height:100%}.circle_red{border-radius:50%;background:#ff001a;width:17.87%;height:100%}.circle_yellow{border-radius:50%;background:#fff200;width:17.87%;height:100%}.circle_blue{border-radius:50%;background:#05f;width:17.87%;height:100%}.titleDiv{font-family:Source Han Sans;letter-spacing:0em;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;justify-content:center;flex-wrap:wrap;width:54.89vw;gap:.7vh}.title{font-family:Source Han Sans;font-size:6.6vw;font-weight:700;line-height:normal;letter-spacing:0em;margin:0}.hr{height:calc(1 / 1080 * 100vh);width:40vw;color:transparent}.content{opacity:1;font-family:Source Han Sans;font-size:3.3vw;font-weight:700;line-height:normal;letter-spacing:0em;margin:0}.navigationBar{position:fixed;top:0;width:100vw;height:8.89vh;background:linear-gradient(180deg,#000000b3 2%,#0000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;z-index:0}.buttonBar{width:auto;height:auto;display:flex;margin:0 auto;justify-content:center;flex-wrap:nowrap;gap:2.08vw}.navigationBar button{padding:none;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);display:flex;text-align:center;padding:.185vh .416vw;-webkit-background-clip:text;border:0px;font-size:1.25vw;font-weight:700;line-height:normal;letter-spacing:0em;color:transparent;cursor:pointer}.navigationBar button:hover{filter:drop-shadow(0 0 10px #FFFFFF);transition:all .2s ease-in-out;transform:scale(1.03)}.logo{position:fixed;left:3.33vw;z-index:1;display:flex;flex-wrap:nowrap;text-decoration:none}.logoSvg{width:2.33vw;height:2.33vw}.logoText{background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25vw;font-weight:700;line-height:normal;letter-spacing:0em;margin-top:0;margin-bottom:0;margin-left:1.25vw;align-self:center}.logo:hover{filter:drop-shadow(0 0 10px #FFFFFF);transition:all .2s ease-in-out;transform:scale(1.03)}.createland{position:fixed;right:3.33vw;z-index:1;display:flex;flex-wrap:nowrap;text-decoration:none}.createlandSvg{width:2.33vw;height:2.33vw}.createlandText{background:linear-gradient(257deg,#fbff00 -1%,#ffb200);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25vw;font-weight:700;line-height:normal;letter-spacing:0em;margin-top:0;margin-bottom:0;margin-left:1.25vw;align-self:center}.createland:hover{filter:drop-shadow(0 0 10px #FBFF00);transition:all .2s ease-in-out;transform:scale(1.03)}.introTitle{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3.33vw;font-weight:700;line-height:normal;letter-spacing:0em;margin:0;text-align:center;z-index:5}.introductionDiv{display:flex;flex-direction:column;padding:32px;background:#00000026;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 3px 20px #6f6f6f4d;border-radius:2.08vw}.introductionDiv p{font-size:1.66vw;font-weight:400;gap:4.62vh;letter-spacing:.02em;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:62.6vw;text-indent:2em;margin:1.11vh}.list{display:flex;flex-direction:row;padding:32px 64px;gap:32px}.list div{width:15.6vw;height:18.7vw;border-radius:2.08vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:#00000026;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 3px 20px #6f6f6f4d}.list div:hover{transform:scale(1.03);filter:drop-shadow(0 0 0 rgba(111,111,111,.3));transition:all .2s ease-in-out}.list div img{border-radius:50%;width:3.33vw;height:3.33vw}.username{font-size:1.66vw;font-weight:700;line-height:normal;letter-spacing:0em;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}hr{width:9.11vw;height:0px;border-top:1px solid;border-image:white}.position{font-size:1.66vw;font-weight:700;line-height:normal;letter-spacing:0em;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.description{width:12.8vw;font-size:1.25vw;margin:0;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.activitiesDiv{border-radius:2.08vw;width:37.9vw;height:22vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 64px;gap:8px;background:#00000026;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 3px 20px #6f6f6f66}p{font-weight:700;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.px24{font-size:1.25vw}.px16{font-size:.83vw}.activitiesDiv:hover{transform:scale(1.03);filter:drop-shadow(0 0 0 rgba(111,111,111,.3));transition:all .2s ease-in-out}.toolsDiv{display:flex;flex-direction:row;padding:32px 64px;gap:32px}.toolsDiv div{width:15.6vw;height:18.7vw;border-radius:2.08vw;flex-direction:column;justify-content:center;align-items:center;background:#00000026;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 3px 20px #6f6f6f4d;display:flex;gap:1.48vh;z-index:0px}.toolName{font-size:1.66vw;font-weight:700;line-height:normal;text-align:center;letter-spacing:0em;margin:0}.contents{font-size:1.25vw;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:2;text-align:center;margin:0 .83vw;font-weight:400}.toolsDiv div:hover{transform:scale(1.03);filter:drop-shadow(0 0 0 rgba(111,111,111,.3));transition:all .2s ease-in-out}.contacts{width:46.25vw;height:25.83vw;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:32px 64px;gap:24px 24px;flex-wrap:wrap;align-content:center;overflow:auto;scrollbar-width:none}.contactDiv{border-radius:2.08vw;width:15.6vw;height:6.66vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 64px;gap:8px;background:#00000026;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 3px 20px #6f6f6f4d;text-decoration:none}.contacts p{font-size:1.66vw;font-weight:700;background:linear-gradient(180deg,#fff,#ffffffeb 49%,#fffffff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:2;margin:0}.contactDiv svg{transform:scale(calc(100vw/1920px))}.contactDiv:hover{transform:scale(1.03);filter:drop-shadow(0 0 0 rgba(111,111,111,.3));transition:all .2s ease-in-out}.pageMain[data-v-a0a1a4f7]{scroll-snap-align:center;display:flex;justify-content:center;width:100vw;height:100vh;left:0}.pageIntro[data-v-a0a1a4f7],.pageMember[data-v-a0a1a4f7],.pageActivity[data-v-a0a1a4f7],.pageTools[data-v-a0a1a4f7],.pageContact[data-v-a0a1a4f7]{scroll-snap-align:center;width:100vw;height:100vh;left:0}