@font-face{font-family:PressStart2P;src:url(/assets/fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@media(max-aspect-ratio:1.2/1),(max-width:768px){.login-page .login h2{font-size:4vw!important}.login-page .login label{font-size:3vw!important}.login-page .input_in{height:8vw!important;font-size:4vw!important}.login-page .new-login-btn{height:10vw!important}.login-page .new-login-btn span{font-size:4vw!important}.login-page .checkbox-container label{font-size:3vw!important}.login-page .checkbox-container input[type=checkbox]{width:5vw!important;height:5vw!important}.login-page .login-code{height:8vw!important}.login-page .login-code-img{height:100%!important;width:auto!important}.login-page .link-type{font-size:3vw!important}}.login-page{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden}.login-page .container{position:absolute;width:120%;height:100vh;background:url(/assets/images/bg.png);filter:brightness(.7)}.login-page .container #scene .layer{position:absolute;top:0;left:0;width:100%;height:100vh}.login-page .container .layer img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.login-page .container .layer img.moon{background-blend-mode:screen}.login-page .login{position:absolute;right:10vw;top:50%;transform:translateY(-50%);width:20vw;padding:1.5vw;background:#08141699;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(120,220,200,.25);box-shadow:0 0 3vw #78dcc826,inset 0 0 1vw #0009}.login-page .login.login-mobile{right:0;width:100vw;height:100vh;top:0;transform:none;padding:5vw;border:none;box-shadow:none}.login-page .login h2{text-align:center;font-family:PressStart2P,monospace;font-size:.75vw;color:#9fe8dc;letter-spacing:.06vw;margin-bottom:1.5vw}.login-page .login-form{width:100%}.login-page .inputBox{margin-bottom:1vw}.login-page .inputBox label{font-family:PressStart2P,monospace;font-size:.56vw;color:#7fcfc2;letter-spacing:.06vw;display:block;margin-bottom:.3vw}.login-page .input_in{width:100%;height:2vw;padding:.5vw;background:#0b1b1d;color:#dffaf5;font-family:monospace;font-size:1vw;border:.1vw solid #2f5c5a;box-shadow:inset -.1vw -.1vw #0a1517,inset .1vw .1vw #3a7a74;caret-color:#7fffd4;border-radius:0;outline:none}.login-page .input_in::placeholder{color:#ffffff80}.login-page .input_in:focus{outline:none;border-color:#7fffd4;box-shadow:inset -.1vw -.1vw #0a1517,inset .1vw .1vw #7fffd4,0 0 .8vw #7fffd499}.login-page .error{color:#ff6b6b;font-size:.8vw;display:block;margin-top:.2vw}.login-page .api-error{color:#ff6b6b;font-family:PressStart2P,monospace;font-size:.7vw;text-align:center;padding:.8vw;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);margin-bottom:1vw;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.login-page .checkbox-container{margin:0 0 1.56vw;color:#fff;display:flex;align-items:center}.login-page .checkbox-container input[type=checkbox]{display:inline-block;position:relative;border:.1vw solid rgba(120,220,200,.5);border-radius:0;box-sizing:border-box;width:1.25vw;height:1.25vw;background-color:#0003;cursor:pointer;transition:all .3s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.login-page .checkbox-container input[type=checkbox]:hover{border-color:#78dcc8cc;box-shadow:0 0 .3vw #78dcc84d}.login-page .checkbox-container input[type=checkbox]:checked{background-color:#78dcc84d;border-color:#7fcfc2}.login-page .checkbox-container input[type=checkbox]:checked:after{box-sizing:content-box;content:"";border:.15vw solid #7fcfc2;border-left:0;border-top:0;height:.6vw;left:.4vw;position:absolute;top:.15vw;transform:rotate(45deg) scaleY(1);width:.3vw;transform-origin:center;transition:transform .15s ease-in .05s}.login-page .checkbox-container label{font-family:PressStart2P,monospace;font-size:.56vw;color:#7fcfc2;letter-spacing:.06vw;margin-left:.5vw;cursor:pointer}.login-page .new-login-btn{width:100%;height:2vw;margin-top:8px;font-family:PressStart2P,monospace;font-size:.8vw;background:#2b6f6a;color:#eafffa;border:1px solid #7fffd4;cursor:pointer;box-shadow:inset -1px -1px #1a3f3c,inset 1px 1px #7fffd4,0 0 10px #7fffd466;transition:all .3s}.login-page .new-login-btn:hover{background:#3a8f87;box-shadow:inset -1px -1px #1a3f3c,inset 1px 1px #7fffd4,0 0 18px #7fffd4b3}.login-page .new-login-btn:active{background:#2b6f6a;box-shadow:inset -1px -1px #1a3f3c,inset 1px 1px #7fffd4,0 0 10px #7fffd466}.login-page .new-login-btn:disabled{opacity:.6;cursor:not-allowed}.login-page .login-code{width:37%;height:3vw;margin-left:1.25vw;cursor:pointer;overflow:hidden}.login-page .login-code-img{height:1.9vw;width:5.7vw;object-fit:contain}.login-page .link-container{float:right;margin-top:.5vw}.login-page .link-type{font-family:PressStart2P,monospace;font-size:.56vw;color:#7fcfc2;letter-spacing:.06vw;cursor:pointer;transition:color .3s}.login-page .link-type:hover{color:#00b0ff;text-decoration:underline}