.log-page{align-items:center}.log-page .title{text-align:center;margin-bottom:17px;font-size:48px;font-weight:600}.log-page .title .dot{color:var(--color-purple)}.log-page .box{border-radius:20px;flex-direction:column;gap:20px;max-width:100%;padding:30px 40px;display:flex;box-shadow:0 0 10px #0000004d}.log-page .hint{margin-bottom:4px;font-size:16px;font-weight:500}.log-page .minihint{color:#00000080;margin-top:5px;font-size:12px;font-weight:500}.log-page input{width:368px;max-width:100%}.log-page .code{width:368px;height:59px;position:relative}.log-page .code>span{z-index:-1;justify-content:space-between;width:100%;display:flex;position:absolute}.log-page .code>span span{border:1px solid var(--color-black);border-radius:10px;justify-content:center;align-items:center;width:50px;height:59px;font-size:36px;font-weight:600;display:flex}.log-page .code input{color:#0000;caret-color:#000;letter-spacing:calc(63.6px - 1ch);border:none;border-radius:0;width:400px;height:59px;padding:0 0 0 10px;font-size:36px;font-weight:600;position:fixed}.log-page button{color:var(--color-white);background-color:var(--color-purple);border-radius:25px;width:100%;padding:8px 0;font-size:16px;font-weight:500}.log-page a{text-align:center;font-size:16px;font-weight:500;display:block}.log-page a .link{color:var(--color-purple)}.log-page .links{flex-direction:column;display:flex}.log-page .terms{cursor:pointer;text-align:center}.log-page .terms input{width:15px;height:15px;margin-right:10px}.log-page .terms a{color:var(--color-purple);display:inline}@media screen and (max-width:480px){.log-page{width:100%}.log-page .title{font-size:32px}.log-page .box{padding:30px}.log-page .links{gap:15px}.log-page a span{display:block}}