.bt-auth-page{padding:36px 16px 40px;max-width:1080px;margin:0 auto;color:#294a58;min-width:0}
.bt-auth-page *{box-sizing:border-box}
.bt-auth-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:28px;align-items:center}
.bt-auth-form-side{min-width:0}
.bt-auth-page .z-card-mini-box{width:100%;max-width:100%;margin:0!important;border:1px solid #dfe9ec;border-radius:20px;background:#fff;box-shadow:0 12px 35px #24475c0b;overflow:hidden}
.bt-auth-page .card-padding{padding:26px!important}
.bt-auth-page .card-body{box-shadow:none!important}
.bt-auth-heading{text-align:center;margin-bottom:23px}
.bt-auth-heading>span,.bt-auth-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#3b9187}
.bt-auth-heading h1{font-size:29px;line-height:1.3;margin:8px 0;color:#234554}
.bt-auth-heading p{font-size:13px;color:#617d89;line-height:1.7;margin:0}
.bt-auth-page .form-control{min-width:0;min-height:47px;border:1px solid #d7e5e9;border-radius:10px;background:#f8fbfc;color:#294a58;font-size:14px}
.bt-auth-page .form-control:focus{border-color:#4fb2aa;box-shadow:0 0 0 3px #4fb2aa20;background:#fff}
.bt-auth-page .form-check{display:flow-root;font-size:13px;line-height:1.7}
.bt-auth-page .btn-sub{border-radius:10px;min-height:47px;font-size:14px}
.bt-auth-page .z-card-mini-box>p{font-size:13px;padding:0 18px 12px}
.bt-auth-tips{padding:22px 10px;min-width:0}
.bt-auth-tips h2{font-size:27px;line-height:1.35;margin:10px 0 22px;color:#234554}
.bt-auth-tips ul{padding:0;margin:0;list-style:none;display:grid;gap:20px}
.bt-auth-tips li{padding-left:20px;border-left:3px solid #c9e7df}
.bt-auth-tips strong{font-size:15px;color:#2a5260}
.bt-auth-tips li p{font-size:13px;color:#627d88;line-height:1.8;margin:6px 0 0}
.bt-auth-help{margin-top:25px;font-size:13px;color:#637d89}
.bt-auth-help a{color:#237e72;text-decoration:underline}
.bt-auth-mascot{width:134px;height:134px;margin:0 auto 18px}
.bt-auth-mascot svg{display:block;width:100%;height:100%;border-radius:50%}
.bt-auth-mascot .armL{transform:translate(-93px,220px) rotate(105deg);transform-origin:1.2px 46.2px;transition:transform .4s ease}
.bt-auth-mascot .armR{transform:translate(-93px,220px) rotate(-105deg);transform-origin:385.5px 47px;transition:transform .4s ease .06s}
.bt-auth-mascot.is-covering .armL,.bt-auth-mascot.is-covering .armR{transform:translate(-93px,2px) rotate(0deg)}
.bt-auth-mascot .eyeL,.bt-auth-mascot .eyeR{transition:transform .2s ease}
@media(max-width:767px){.bt-auth-page{padding:24px 15px 28px}.bt-auth-layout{grid-template-columns:minmax(0,1fr);gap:14px;max-width:540px;margin:auto}.bt-auth-tips{padding:18px 8px}.bt-auth-tips h2{font-size:23px;margin-bottom:18px}.bt-auth-page .card-padding{padding:22px!important}.bt-auth-heading h1{font-size:26px}.bt-auth-mascot{width:115px;height:115px}.bt-auth-tips ul{gap:16px}}
@media(max-width:359px){.bt-auth-page .card-padding{padding:16px 7px!important}.bt-auth-heading{padding:0 8px}.bt-auth-page .form-check{padding-right:4px}}
@media(prefers-reduced-motion:reduce){.bt-auth-mascot *{transition:none!important}}

.bt-auth-intro{font-size:13px;line-height:1.8;color:#607b88;margin:0 0 23px}.bt-auth-tips h2{font-size:28px;margin-bottom:14px}.bt-auth-tips a{color:#267d71;text-decoration:underline}.bt-auth-register .bt-auth-layout{align-items:start}.bt-auth-tips li{padding-left:16px}.bt-auth-mascot.bt-auth-robot{width:166px;height:154px;margin-bottom:14px}.bt-auth-robot svg{overflow:visible;border-radius:0}.bt-auth-robot .bt-robot-head{transform-origin:130px 110px;transition:transform .22s ease}.bt-auth-robot.is-looking .bt-robot-head{transform:rotate(-3deg)}.bt-auth-robot .bt-robot-eyes{transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .18s ease}.bt-auth-robot .bt-robot-closed,.bt-auth-robot .bt-robot-smile{display:none}.bt-auth-robot.is-smiling .bt-robot-smile{display:block}.bt-auth-robot.is-smiling .bt-robot-mouth{display:none}.bt-auth-robot.is-covering .bt-robot-eye-open{display:none}.bt-auth-robot.is-covering .bt-robot-closed{display:block}.bt-auth-robot.is-covering .bt-robot-head{transform:rotate(0deg)}.bt-auth-robot.is-covering .bt-robot-eyes{transform:translate(0,0)}.bt-auth-robot.is-covering .bt-robot-smile{display:none}.bt-auth-robot.is-covering .bt-robot-mouth{display:block}@media(max-width:767px){.bt-auth-mascot.bt-auth-robot{width:145px;height:135px}.bt-auth-tips h2{font-size:25px}.bt-auth-tips h2 br{display:none}}@media(prefers-reduced-motion:reduce){.bt-auth-robot *{transition:none!important}}

/* Hands rest in front of the torso, then rise over the visor. */
.bt-auth-robot .bt-robot-hand{transform:translateY(102px);transition:transform .38s cubic-bezier(.2,.8,.2,1);transform-box:view-box;pointer-events:none}
.bt-auth-robot .bt-robot-hand-right{transition-delay:.045s}
.bt-auth-robot.is-covering .bt-robot-hand{transform:translateY(0)}
.bt-auth-robot.is-covering .bt-robot-eye-open{display:block}.bt-auth-robot.is-covering .bt-robot-closed{display:none}
@media(prefers-reduced-motion:reduce){.bt-auth-robot .bt-robot-hand{transition:none!important}}

/* Relaxed angled hands below the chest; full palms appear only over the eyes. */
.bt-auth-robot .bt-robot-hand-left{transform-origin:100px 95px;transform:translate(-30px,108px) rotate(-42deg) scale(.72)}
.bt-auth-robot .bt-robot-hand-right{transform-origin:162px 95px;transform:translate(30px,108px) rotate(42deg) scale(.72)}
.bt-auth-robot.is-covering .bt-robot-hand-left,.bt-auth-robot.is-covering .bt-robot-hand-right{transform:translate(0,0) rotate(0) scale(1)}

/* A gentle welcome on focus; hands only appear to protect password fields. */
.bt-auth-robot .bt-robot-hand{opacity:0;visibility:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .16s ease,visibility .16s}
.bt-auth-robot .bt-robot-forearm-left,.bt-auth-robot .bt-robot-forearm-right{opacity:0;transition:opacity .18s ease}
.bt-auth-robot.is-covering .bt-robot-hand{opacity:1;visibility:visible}
.bt-auth-robot.is-covering .bt-robot-forearm-left,.bt-auth-robot.is-covering .bt-robot-forearm-right{opacity:1}
.bt-auth-robot .bt-robot-smile{stroke-width:3.5}
@media(prefers-reduced-motion:reduce){.bt-auth-robot .bt-robot-hand,.bt-auth-robot .bt-robot-forearm-left,.bt-auth-robot .bt-robot-forearm-right{transition:none!important}}

/* Neutral ceramic palms and calm motion; keep the brand visible. */
.bt-auth-robot .bt-robot-hand{filter:drop-shadow(0 2px 2px #16394218)}
.bt-auth-page .btn-sub{background:#277e77!important;border-color:#277e77!important;color:#fff!important;font-weight:700}
.bt-auth-page .btn-sub:hover{background:#206b65!important;border-color:#206b65!important}
