*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}.prototype{border:0;width:100%;height:100vh;display:block}.login-page{color:#17233c;background:#f4f6fa;place-items:center;min-height:100vh;padding:24px;font-family:Arial,sans-serif;display:grid}.login-card{box-sizing:border-box;background:#fff;border:1px solid #e2e7ef;border-radius:16px;width:min(390px,100%);padding:34px;box-shadow:0 20px 60px #17233c14}.login-mark{color:#fff;background:#3559d9;border-radius:13px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.login-kicker{color:#3559d9;letter-spacing:.12em;margin:24px 0 8px;font-size:11px;font-weight:800}.login-card h1{margin:0 0 7px;font-size:27px}.login-card>span{color:#7d8799;margin-bottom:24px;font-size:13px;line-height:1.5;display:block}.login-card label{color:#566176;margin:14px 0;font-size:12px;font-weight:700;display:block}.login-card input{box-sizing:border-box;border:1px solid #dce2ec;border-radius:8px;outline:none;width:100%;height:44px;margin-top:7px;padding:0 12px;font-size:14px;display:block}.login-card input:focus{border-color:#3559d9;box-shadow:0 0 0 3px #3559d91a}.login-card button{color:#fff;cursor:pointer;background:#3559d9;border:0;border-radius:8px;width:100%;height:44px;font-weight:800}.login-card button:disabled{opacity:.65}.login-card a{text-align:center;color:#657086;margin-top:18px;font-size:12px;text-decoration:none;display:block}.login-error{color:#c4473d;background:#fff0ef;border-radius:7px;padding:10px;font-size:12px}