.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:32px 20px;background:#f5f8fd;color:#20395f}.login-card{width:min(100%,420px);padding:36px;background:white;border:1px solid #d4e0f2;border-radius:14px;box-shadow:0 12px 36px #1d3f7110}.login-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#305ed0;color:white;font-size:24px}.login-eyebrow{font-size:13px;margin:22px 0 10px;color:#60799f}.login-card h1{font-size:26px;margin:0 0 12px}.login-intro,.login-hint{font-size:14px;color:#60799f;line-height:1.7}.login-card label{display:block;margin:22px 0 8px;font-size:14px}.login-card input{width:100%;min-height:46px;border:1px solid #a6badb;border-radius:6px;padding:10px 12px;font-size:16px;background:#fff;color:#20395f;box-sizing:border-box}.login-card input:focus-visible{outline:3px solid #c9daff;border-color:#305ed0}.login-card button{width:100%;min-height:46px;margin-top:8px;font-size:15px}.login-hint{margin:20px 0 0;text-align:center;font-size:12px}#login-message{min-height:22px;color:#b52b39;font-size:13px;margin:14px 0 0}.login-footer{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;font-size:12px;color:#6a809e}.login-footer a{color:inherit;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media(max-width:480px){.login-card{padding:28px 22px}.login-footer{max-width:300px;line-height:1.8}}