*{box-sizing:border-box;margin:0;padding:0}
html{min-height:100%;background:#1c6e94}
html.bk-font-fallback{--bk-site-font:Tahoma,Arial,sans-serif!important}
body.bk-phone-login-page{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#35a8d6 0%,#1c6e94 60%);font-family:var(--bk-site-font,'Vazirmatn',Tahoma,Arial,sans-serif);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#17394b;overflow-x:hidden;font-synthesis:none}
.bk-phone-login-logo{text-align:center;margin-bottom:0}
.bk-phone-login-logo-image{width:85px;height:85px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.bk-phone-login-title-image{max-width:180px;height:auto;display:block;margin:0 auto}
.bk-phone-login-card{background:rgba(255,255,255,.97);border-radius:32px;padding:30px 25px;width:100%;max-width:420px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.25);margin:20px auto}
.bk-phone-login-card h1{color:#1c6e94;margin-bottom:10px;font-size:28px}
.bk-phone-login-intro{color:#666;margin-bottom:22px;font-size:14px;line-height:1.9}
.bk-phone-login-field{width:100%;padding:15px;font-size:18px;border:2px solid #ddd;border-radius:50px;text-align:center;direction:ltr;font-family:var(--bk-site-font,'Vazirmatn',Tahoma,Arial,sans-serif);margin-bottom:16px;transition:.25s;background:#fff;color:#17394b}
.bk-phone-login-field:focus{outline:none;border-color:#35a8d6;box-shadow:0 0 0 3px rgba(53,168,214,.2)}
.bk-phone-login-button{width:100%;padding:14px 16px;font-size:16px;font-weight:800;border:none;border-radius:50px;cursor:pointer;transition:.2s;margin-top:8px;background:linear-gradient(135deg,#6bdc3c,#3fae1f);color:#fff}
.bk-phone-login-button:hover:not(:disabled){transform:scale(.985);background:linear-gradient(135deg,#5fcb2e,#369e18)}
.bk-phone-login-button:disabled{opacity:.6;cursor:not-allowed}
.bk-phone-login-status{display:none;border-radius:16px;padding:9px 12px;font-size:13px;margin-top:14px;line-height:1.8}
.bk-phone-login-status.is-visible{display:block}
.bk-phone-login-status.is-error{color:#c92a2a;background:#fff0f0;border:1px solid #ffd3d3}
.bk-phone-login-status.is-success{color:#217a3c;background:#eefaf1;border:1px solid #caebd3}
.bk-phone-login-status.is-info{color:#1c6e94;background:rgba(28,110,148,.1);border:1px solid rgba(28,110,148,.14)}
.bk-phone-login-note{margin-top:21px;font-size:12px;color:#788892;border-top:1px solid #eee;padding-top:14px;line-height:1.9}
.bk-phone-login-footer{text-align:center;margin-top:0;font-size:.8rem;color:rgba(255,255,255,.9);line-height:2.2}
.bk-phone-login-footer a{color:#fff;text-decoration:none;margin:0 8px;white-space:nowrap}
.bk-phone-login-footer a:hover{text-decoration:underline}
.bk-phone-login-footer span{color:rgba(255,255,255,.6);font-weight:bold}
.bk-phone-login-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){body.bk-phone-login-page{padding:16px}.bk-phone-login-logo-image{width:100px;height:100px}.bk-phone-login-title-image{max-width:150px}.bk-phone-login-card{padding:25px 20px}.bk-phone-login-footer a{margin:0 5px}}
.bk-phone-password-stage[hidden]{display:none!important}
.bk-phone-password-stage{width:100%}
.bk-phone-login-pin{letter-spacing:.28em;padding-right:calc(15px + .28em)}

/* v1.0.279: password-stage alternate OTP path */
.bk-phone-login-alt-button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin:-2px auto 4px;padding:8px 14px;border:0;background:transparent;color:#1c6e94;font-family:var(--bk-site-font,'Vazirmatn',Tahoma,Arial,sans-serif);font-size:13px;font-weight:800;line-height:1.7;cursor:pointer;text-decoration:none;border-radius:14px;transition:.18s}
.bk-phone-login-alt-button:hover:not(:disabled){background:rgba(28,110,148,.08)}
.bk-phone-login-alt-button:disabled{opacity:.5;cursor:not-allowed}
