.login-page{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px;box-shadow:0 20px 70px #3546350a}.login-card>.mark{width:48px;height:48px;font-size:28px;margin-bottom:26px}.login-card .eyebrow{font-size:9px;margin-bottom:15px}.login-card h1{font-family:"Noto Serif SC",serif;font-size:29px;margin:0 0 12px}.login-intro{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:30px}.login-card label{display:block;font-size:12px;margin-bottom:10px}.password-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden}.password-box input{font:inherit;width:100%;min-width:0;border:0;padding:14px;background:transparent;font-size:14px;outline:none}.password-box:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #35463518}.password-box button{border:0;background:none;font-size:11px;color:var(--muted);padding:14px}.login-card .primary{width:100%;justify-content:space-between}.login-card .primary:disabled{opacity:.65;cursor:wait}#login-error{color:#b9442c;min-height:18px;font-size:12px;margin:10px 0 16px}.login-foot{font-size:11px;text-align:center;color:var(--muted);margin:28px 0 0}.lock-site{position:fixed;right:20px;bottom:20px;z-index:4;border:1px solid var(--line);border-radius:24px;padding:10px 16px;background:#fffffff0;color:var(--green);box-shadow:0 4px 20px #0000000b;font-size:12px}@media(max-width:500px){.login-card{padding:30px}.lock-site{right:12px;bottom:12px}}@media print{.lock-site{display:none}}