.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;background:radial-gradient(ellipse at 20% 10%,#e8ede2,transparent 65%),var(--bg)}.login-page main{margin:0;padding:34px;width:min(100%,470px);border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 12px 40px #344c4208;text-align:center}.login-logo{border-radius:22px;margin-bottom:14px}.login-page h1{font-size:34px;letter-spacing:-.5px;margin:9px 0 18px}.login-page form{text-align:left;margin-top:26px}.login-page input{display:block;width:100%;margin:7px 0 16px;min-height:49px}.login-page form .primary{width:100%;min-height:48px;margin-bottom:14px}.login-page .hint,.login-footnote{font-size:13px;color:var(--muted)}.login-page #changeEmail{display:block;margin:0 0 14px}.login-page #code{letter-spacing:8px;text-align:center;font-size:24px}.login-page #loginStatus{font-size:14px;margin-top:18px}.login-footnote{border-top:1px solid var(--line);padding-top:18px;margin:22px 0 0}.login-page footer{font-size:10px;letter-spacing:2px;padding-top:25px;margin:0;border:0}@media(max-width:480px){.login-page main{padding:26px 22px}.login-page h1{font-size:30px}}