:root{font-family:Mulish,system-ui,Avenir,Helvetica,Arial,sans-serif;font-display:swap;line-height:1.2;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--size: max(1em, 1dvw, 1dvh, 16px)}body{margin:0;width:100%;min-height:100dvh;background:url(/assets/background-N8SckiWg.png) repeat-y;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow-x:hidden}header,footer,main{width:100%;max-width:max(999px,calc(var(--size) * 65));padding:0 calc(var(--size) * .5)}header,footer{display:flex;flex-direction:row;align-items:center;padding-top:var(--size);padding-bottom:var(--size)}header{width:90%;background-color:#fff;position:sticky;top:0}header .logo{width:auto;height:calc(var(--size) * 2)}footer{width:90%;padding-bottom:calc(var(--size) * .5);flex-direction:column;align-items:flex-start;justify-content:center}footer .top{height:calc(var(--size)* 2);display:flex;flex-direction:row;align-items:center;gap:var(--size)}footer .top .icon{height:70%;width:auto;aspect-ratio:1;cursor:pointer}footer .bottom{height:calc(var(--size)* 2);display:flex;flex-direction:row;align-items:center;gap:var(--size)}footer .bottom .note{font-size:calc(var(--size) * .8)}main{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--size);flex:1}main .left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size)}main .left .title{font-size:calc(var(--size) * 2);font-weight:900}main .left .title .bluetext{color:#5b47ff}main .left .subtitle{font-size:calc(var(--size) * 1);font-weight:600}main .right{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}main .right .image{width:70%;height:auto;aspect-ratio:1}@media (min-width: 999px){header{position:relative;background:transparent}main{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:left;gap:var(--size);flex:1}main .left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--size)}main .left .title{font-size:calc(var(--size) * 2.2);font-weight:900}main .left .title .bluetext{color:#5b47ff}main .left .subtitle{font-size:calc(var(--size) * 1);font-weight:600}main .right{display:flex;flex-direction:column;align-items:center;justify-content:center}main .right .image{width:calc(var(--size) * 20);height:auto;aspect-ratio:1}}img{-webkit-user-select:none;user-select:none}
