.scroll-container {
  background-image: url(../img/bg.ac9e9ef0.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.card {
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 30px 35px;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  margin-top: 10%;
}
.card-row {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3;
}
.card-row .icon {
  position: absolute;
  left: 0;
  width: 18px;
  height: 28px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.card-row .icon.phone {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAYAAABsxO8nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpiVNpb5cHAwLAAiMUZyAPPgTiRBUjMAeKXQNwDxH9INASkPx6I54EY0kDcC8T9ZLroLxD3MUE5/xnIB2C9TAxUAqMGjRo0atBINYgFSgsBsQKZZgghG1QLxRS7aCcQnyDTDAsgdocZtAOIJ+AIw2woeyoQ/8OipgDZIFwgEIgnQdlPgXgdubH2Con9kpgwYsQhfxiITaBeOo/PMSxQJycAMTOBCtIeh0NigfgRiJEGxHOBuJvMWHsBqm0BAgwAQIwhovWxdSEAAAAASUVORK5CYII=);
}
.card-row .icon.code {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAbCAYAAAB4Kn/lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjFJREFUeNrUlUFIVFEUhmdq0kqyxFxEBWIg7YQWmaSmpiGiuHBlm1wYBG5ahoZRYWirAqFlunAjFi00IShbVEIZmbUqRwRNS100prlQoe/E/+AxvDe+yXHRhY87787cf+4795zzh/Oet4YCjEzohBxogQXni2hFh+eGSAKxLDgDNdAI2VqvhQF4Cu9g0mtzmBM/YV52iZlALhxx/W4FHsIiNEGe67ufMAvzsGqazonrtbAkAfv8HuZ0mg/wGtYkdBvyoQhOwTE4DkchAw7b7IRiQCcJOr6I3vgYn3jR1sN0aVdoh8b/JxzZ5v7dxPQBcwGUE+/fqRDeA3ZRF+Fbqk6cpkyqg2mocp82UYyt4q5LIH7sh0cSjUIJopNel7fhsfmyCmFIQm7RQZX1Z4nO+mXFqsf6NW2slJAJHoRhuySYgAqVsW9W7PNYX9RGR2hE66fhLVyAWII7WI/4xNERPw/PJBgKKPo3Y7bKipiE+tSEmgOIBk63mC4r6ZJekEOkahyyMJpwv3KyZLuKlHeLtB6bcJsSfVCZ8K+id5m6ZRg3wjJTs5pR2dJNuAObSTSyezLZX1BN0bxxSnpKxfADbsmKTgYQNVt6KdHv9sYmGt8rPqlHmPMWwji0Q7qXCcvKPsJZeGX+h+iYXxOagWLo0itaWL7CFdirVtkAY3JtM0+LZRmi8/H27/ea1rzvwzk9L+ukB/Rsl30VwWiy1mSvWQalqrx1cwxzZv2p0zY9xx8BBgCvso4Q6fTwNAAAAABJRU5ErkJggg==);
  top: 22px;
}
.card-row input {
  border: none;
  width: 65vw;
  padding-left: 30px;
  font-size: 18px;
}
.card-row input:focus,
.card-row input:active,
.card-row input:hover {
  border: none;
  outline: none;
}
.card-row .link {
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #22bd7a;
}
.login {
  margin-top: 40px;
  background-color: #22bd7a;
  padding: 15px 40px;
  border-radius: 24px;
  color: #fff;
  font-size: 18px;
}

.toast-message {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translateX(-50%);
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
}
.toast-message-web {
  position: fixed;
  top: 10px;
  height: 40px;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  padding-left: 10px;
  background: #fef0f0;
  border: 1px solid #fde2e2;
  color: #f56c6c;
  font-size: 14px;
  z-index: 999999;
  max-width: 380px;
  display: flex;
  align-items: center;
}
.toast-message-web .error-icon {
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 6px;
  position: relative;
  top: 0px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjZGMzNTQ1IiBkPSJNNTEyIDc0LjY2NjY2N2MyNDEuMDY2NjY3IDAgNDM3LjMzMzMzMyAxOTYuMjY2NjY3IDQzNy4zMzMzMzMgNDM3LjMzMzMzM1M3NTMuMDY2NjY3IDk0OS4zMzMzMzMgNTEyIDk0OS4zMzMzMzMgNzQuNjY2NjY3IDc1My4wNjY2NjcgNzQuNjY2NjY3IDUxMiAyNzAuOTMzMzMzIDc0LjY2NjY2NyA1MTIgNzQuNjY2NjY3eiBtMCAzNDEuMzMzMzMzYy0xNy4wNjY2NjcgMC0zMiAxNC45MzMzMzMtMzIgMzJ2MzAwLjhjMi4xMzMzMzMgMTcuMDY2NjY3IDE0LjkzMzMzMyAyOS44NjY2NjcgMzIgMjkuODY2NjY3czMyLTE0LjkzMzMzMyAzMi0zMlY0NDUuODY2NjY3Yy0yLjEzMzMzMy0xNy4wNjY2NjctMTQuOTMzMzMzLTI5Ljg2NjY2Ny0zMi0yOS44NjY2Njd6IG0wLTE2MGMtMjMuNDY2NjY3IDAtNDIuNjY2NjY3IDE5LjItNDIuNjY2NjY3IDQyLjY2NjY2N3MxOS4yIDQyLjY2NjY2NyA0Mi42NjY2NjcgNDIuNjY2NjY2IDQyLjY2NjY2Ny0xOS4yIDQyLjY2NjY2Ny00Mi42NjY2NjYtMTkuMi00Mi42NjY2NjctNDIuNjY2NjY3LTQyLjY2NjY2N3oiPjwvcGF0aD48L3N2Zz4=) no-repeat center;
  background-size: 20px 20px;
}
.toast-message-web p {
  line-height: 40px !important;
  color: #e87005 !important;
}