.yui-avatar{position:relative;transition:all .5s}.yui-avatar:hover{transform:scale(1.1)}.yui-avatar .yui-avatar-img{overflow:hidden;background-size:contain;background-repeat:no-repeat;z-index:9;position:relative;transform:scale(1.2);height:100%;width:100%}.yui-avatar>img{border-radius:50%;position:absolute;top:0}
.first-section{display:flex;padding-top:80px;flex-direction:column-reverse}@media(min-width: 960px){.first-section{flex-direction:row;justify-content:space-between;align-items:center}}.first-section .content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width: 960px){.first-section .content-container{align-items:flex-start}}.first-section .main-title{text-align:center;font-family:Mona-Sans-BoldWide;font-size:var(--paragraph-text-800-font-size);line-height:var(--paragraph-text-800-line-height);background:linear-gradient(90.15deg, #504cff 0.05%, #8e83ff 25.01%, #d6beff 49.97%, #f3c6ff 74.93%, #ffb9ff 99.89%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0);padding-bottom:32px}@media(min-width: 960px){.first-section .main-title{max-width:480px;text-align:left;font-size:var(--paragraph-text-1000-font-size);line-height:var(--paragraph-text-1000-line-height)}}.first-section .side-image{width:100%;height:auto}@media(min-width: 960px){.first-section .side-image{width:720px;height:720px}}.first-section .side-image img{width:100%;height:100%}.download-section{overflow:hidden}.download-section .download-section-container{display:flex;flex-direction:column;gap:24px;padding-bottom:80px;padding-top:80px}@media(min-width: 1200px){.download-section .download-section-container{flex-direction:row;padding-bottom:120px;padding-top:120px}}.download-section .download-panel{display:flex;flex-direction:column-reverse;position:relative;border-radius:24px;background:radial-gradient(257.61% 140.49% at 0% 0%, #191b44 0%, #131220 33.33%, #1c172e 66.67%, #191525 74.48%, #2e204b 100%)}@media(min-width: 960px){.download-section .download-panel{flex-direction:row;height:386px}}@media(min-width: 1200px){.download-section .download-panel{width:50%}}.download-section .download-panel .panel-title{text-align:center;font-family:Mona-Sans-BoldWide;font-size:var(--paragraph-text-600-font-size);line-height:var(--paragraph-text-600-line-height)}.download-section .download-panel .content{padding:40px;display:flex;flex-direction:column;gap:16px}@media(min-width: 960px){.download-section .download-panel .content{width:50%;padding:110px 40px 0px 40px}}.download-section .download-panel .content .application-download-button{color:#fff;font-size:var(--paragraph-text-300-font-size);line-height:var(--paragraph-text-300-line-height);display:flex;padding:16px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:99px;border:1px solid hsla(0,0%,100%,.5);transition:.3s all;cursor:pointer}.download-section .download-panel .content .application-download-button:hover{background-color:var(--color-key);border:1px solid var(--color-key)}.download-section .download-panel .content .android{color:#fff;display:flex;padding-top:8px;justify-content:center;align-items:center;gap:8px}@media(min-width: 960px){.download-section .download-panel .content .android{padding-top:16px}}.download-section .download-panel .phone{display:flex;justify-content:center;align-items:center}@media(min-width: 960px){.download-section .download-panel .phone{width:50%}}.download-section .download-panel .phone img{transform:translate3d(0, -25px, 0);width:200px;height:400px}.download-section .download-panel .side-images{position:relative}@media(min-width: 960px){.download-section .download-panel .side-images{width:50%}}@media(min-width: 960px){.download-section .download-panel .side-images .studio-container{overflow:hidden;width:100%;height:100%}}.download-section .download-panel .side-images .studio-container img{width:110%;margin-top:5%;margin-left:-5%;margin-right:-5%;height:auto}@media(min-width: 960px){.download-section .download-panel .side-images .studio-container img{height:80%;width:auto;margin-top:10%;margin-bottom:10%;margin-left:0;margin-right:0}}.download-section .download-panel .side-images .fly{position:absolute;right:-50px;bottom:-50px;width:200px;height:200px}@media(min-width: 960px){.download-section .download-panel .side-images .fly{right:-100px;bottom:50px;width:280px;height:280px}}.download-section .download-panel .side-images .fly img{width:100%;height:100%}.download-page{display:block;background-color:var(--color-dark)}