.bta-client-login-mode{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:#edf1e6}
.bta-client-login-mode #main{flex:1;min-height:0;display:grid;align-items:center}
.bta-client-login-mode .bta-login{padding:22px 0;width:100%}
.bta-client-login-mode .bta-login>.container{max-width:1020px}
.bta-client-login-mode .bta-login-shell{min-height:0;grid-template-columns:1fr 1fr;box-shadow:0 14px 40px #17382d0e}
.bta-client-login-mode .bta-login-story{padding:34px;gap:24px}
.bta-client-login-mode .bta-login-story h1{font-size:42px;letter-spacing:-1.5px;margin:22px 0 18px;line-height:1.12}
.bta-client-login-mode .bta-login-story p{font-size:14px;line-height:1.7;margin:0;max-width:340px}
.bta-client-login-mode .bta-login-points{font-size:13px;line-height:1.5;gap:13px;margin-top:10px}
.bta-client-login-mode .bta-login-points span{display:flex;align-items:flex-start;gap:10px}
.bta-client-login-mode .bta-login-points i{margin:3px 0 0;flex:none}
.bta-client-login-mode .bta-login-form{padding:30px 34px;width:100%;min-width:0}
.bta-client-login-mode .bta-kicker{font-size:10px;letter-spacing:1.8px}
.bta-client-login-mode .bta-login-form h2{font-size:29px;margin:10px 0 8px}
.bta-client-login-mode .bta-login-form>p{font-size:13px;margin-bottom:22px}
.bta-client-login-mode .bta-login-form label{font-size:13px;margin-bottom:7px}
.bta-client-login-mode .bta-login-field{margin-bottom:17px}
.bta-client-login-mode .bta-login-form .form-control{min-height:46px;padding:11px 13px;font-size:15px;line-height:1.4;border-radius:8px}
.bta-client-login-mode .bta-password-toggle{top:5px;right:5px}
.bta-client-login-mode .bta-login-submit{padding:13px 15px;margin-top:18px;font-size:14px;border-radius:8px;min-height:46px;gap:10px}
.bta-client-login-mode .bta-login-help{margin-top:20px;padding-top:16px;font-size:12px;line-height:1.7}
.bta-client-login-mode .bta-login-secure{font-size:11px;margin-top:13px;line-height:1.6}
.bta-client-login-mode .bta-field-error{font-size:12px;line-height:1.5;margin-top:6px}
.bta-login-footer{border-top:1px solid #dce4d2;background:#f4f7ee;flex:none;padding:13px 0;color:#7a8d70;font-size:11px}
.bta-login-footer>.container{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1020px}
.bta-login-footer a{color:#466b3a;text-decoration:none;font-weight:600}
@media(min-width:768px) and (max-height:740px){.bta-client-login-mode .bta-login{padding:16px 0}.bta-client-login-mode .bta-login-form{padding:22px 30px}.bta-client-login-mode .bta-login-story{padding:28px}.bta-client-login-mode .bta-login-form>p{margin-bottom:17px}.bta-client-login-mode .bta-login-field{margin-bottom:13px}.bta-client-login-mode .bta-login-help{margin-top:15px;padding-top:12px}.bta-client-login-mode .bta-login-secure{margin-top:10px}}
@media(max-width:767.98px){.bta-client-login-mode .bta-login{padding:18px 0}.bta-client-login-mode .bta-login>.container{max-width:470px}.bta-client-login-mode .bta-login-shell{grid-template-columns:1fr;border-radius:14px}.bta-client-login-mode .bta-login-story{padding:18px 22px;gap:0}.bta-client-login-mode .bta-login-story h1{font-size:25px;letter-spacing:-.8px;margin:8px 0 0;line-height:1.2}.bta-client-login-mode .bta-login-story h1 br{display:none}.bta-client-login-mode .bta-login-story h1 span:before{content:' '}.bta-client-login-mode .bta-login-story p,.bta-client-login-mode .bta-login-points{display:none}.bta-client-login-mode .bta-login-story::after{width:220px;height:220px;right:-90px;bottom:-180px}.bta-client-login-mode .bta-login-form{padding:22px}.bta-client-login-mode .bta-login-form>.bta-kicker{display:none}.bta-client-login-mode .bta-login-form h2{font-size:26px;margin:0 0 7px}.bta-client-login-mode .bta-login-form>p{margin-bottom:18px}.bta-client-login-mode .bta-login-form .form-control{font-size:16px}.bta-client-login-mode .bta-login-field{margin-bottom:15px}.bta-client-login-mode .bta-login-help{margin-top:17px;padding-top:13px}.bta-client-login-mode .bta-login-secure{margin-top:10px}.bta-login-footer>.container{flex-wrap:wrap;justify-content:center;text-align:center;gap:5px 15px}.bta-login-footer{padding:11px 0;font-size:10px}}
@media(max-width:767.98px) and (max-height:720px){.bta-client-login-mode .bta-login{padding:12px 0}.bta-client-login-mode .bta-login-story{padding:14px 20px}.bta-client-login-mode .bta-login-form{padding:18px 20px}.bta-client-login-mode .bta-login-form>p{margin-bottom:14px}.bta-client-login-mode .bta-login-field{margin-bottom:12px}.bta-client-login-mode .bta-login-submit{margin-top:14px}.bta-client-login-mode .bta-login-help{margin-top:14px;padding-top:10px}}
.bta-client-welcome{border:1px solid #dce8ce;border-radius:26px;width:calc(100% - 32px);max-width:470px;max-height:calc(100svh - 32px);padding:36px 32px 28px;text-align:center;color:#254c38;background:linear-gradient(145deg,#f6f9ed,#fff 65%,#eff5e4);box-shadow:0 30px 100px #112e3455;overflow:auto}
.bta-client-welcome::backdrop{background:#142b26a6;backdrop-filter:blur(5px)}
.bta-welcome-close{position:absolute;top:12px;right:15px;background:transparent;border:0;color:#829775;font-size:28px;line-height:1;width:34px;height:34px;border-radius:50%}
.bta-welcome-smile{font-size:48px;line-height:1.1;width:90px;height:90px;border-radius:28px;background:#e9f0d6;display:grid;place-items:center;margin:0 auto 24px;box-shadow:0 0 0 8px #edf3e37a}
.bta-welcome-portrait{position:relative;width:90px;height:90px;margin:0 auto 24px;padding:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px #e9f0d6}
.bta-welcome-portrait img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.bta-welcome-smile-badge{position:absolute;right:-8px;bottom:-4px;display:grid;place-items:center;width:34px;height:34px;border:3px solid #f6f9ed;border-radius:50%;background:#e9f0d6;font-size:22px;line-height:1}
.bta-welcome-kicker{font-size:9px;letter-spacing:1.8px;color:#84956b;font-weight:700}
.bta-client-welcome h2{font-size:26px;font-weight:700;line-height:1.35;letter-spacing:-.7px;margin:14px 0;overflow-wrap:anywhere}
.bta-welcome-name{color:#668449}
.bta-client-welcome p{font-size:14px;line-height:1.8;color:#748369;margin:0 0 18px}
.bta-welcome-note{border:1px solid #dfe9d2;background:#f1f6e8;border-radius:14px;padding:16px;font-size:12px;line-height:1.8;color:#607b4d}
.bta-welcome-start{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:12px;background:#254c38;color:#fff;font-weight:600;font-size:14px;padding:14px 18px;margin:23px 0 14px}
.bta-welcome-start:hover{background:#3d6245}.bta-client-welcome small{font-size:11px;color:#93a083}
.bta-client-welcome button:focus-visible{outline:3px solid #9bb574;outline-offset:4px}
.bta-client-welcome[open]{animation:bta-welcome-in .25s ease-out}
@keyframes bta-welcome-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:400px){.bta-client-welcome{padding:30px 23px 23px;border-radius:21px}.bta-client-welcome h2{font-size:23px}.bta-welcome-smile{font-size:40px;width:76px;height:76px;margin-bottom:21px}.bta-client-welcome p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.bta-client-welcome[open]{animation:none}}

.bta-page.bta-client-login-mode #main .bta-login-form>p{font-size:13px!important;line-height:1.6!important}.bta-page.bta-client-login-mode #main .bta-login-story p{font-size:14px!important;line-height:1.7!important}.bta-page.bta-client-login-mode #main .bta-login-points{font-size:13px;line-height:1.5}.bta-client-login-mode .bta-login-form>.bta-kicker{margin-bottom:0}.bta-page #main .bta-client-welcome p{font-size:14px!important;line-height:1.8!important}
@media(min-width:768px) and (max-height:640px){.bta-client-login-mode .bta-topbar{display:none}.bta-client-login-mode .bta-login-story h1{font-size:36px;margin-top:14px}.bta-client-login-mode .bta-login-form h2{font-size:27px}.bta-client-login-mode .bta-login-story{gap:16px}}
@media(max-width:767.98px){.bta-client-login-mode .bta-login-story h1{font-size:23px}.bta-page #main .bta-client-welcome p{font-size:13px!important}}

@media(min-width:768px) and (max-height:640px){.bta-client-login-mode #mainNavbar{padding-block:8px}.bta-client-login-mode .bta-login-footer{padding-block:9px}}

@media(max-width:767.98px){.bta-client-login-mode .bta-login-story .bta-kicker{margin-bottom:0}}
@media(max-width:767.98px) and (max-height:720px){.bta-client-login-mode #mainNavbar{padding-block:12px}.bta-client-login-mode .bta-login-story h1{font-size:21px}.bta-client-login-mode .bta-login-footer{padding-block:9px}}

@media(max-width:767.98px) and (max-height:720px){.bta-client-login-mode .bta-topbar{display:none}}

@media(max-width:350px){.bta-client-login-mode .bta-login-story{display:none}.bta-client-login-mode .bta-login-form{padding:20px 18px}}
