.auth-screen{position:relative;overflow:hidden;padding-bottom:205px}
.auth-layout{position:relative;z-index:3}
.login-race-mount{position:absolute;z-index:2;left:0;right:0;bottom:0;height:190px;display:flex;align-items:flex-end;pointer-events:none}
.login-race{pointer-events:auto;position:relative;display:block;width:100%;height:182px;border:0;padding:0;overflow:hidden;cursor:pointer;color:#0b1f3a;text-align:left;background:
linear-gradient(to bottom,rgba(75,174,244,.96) 0 42%,rgba(231,247,255,.95) 42% 49%,rgba(255,255,255,.96) 49% 51%,rgba(194,140,72,.98) 51% 84%,rgba(65,133,63,.98) 84% 100%);
box-shadow:0 -10px 34px rgba(0,0,0,.18)}
.login-race::before{content:"";position:absolute;inset:46% 0 auto;height:5px;background:#fff;border-top:2px solid rgba(11,31,58,.12);border-bottom:2px solid rgba(11,31,58,.12)}
.login-race-heading{position:absolute;z-index:7;left:18px;top:10px;display:flex;gap:8px;align-items:baseline;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:6px 11px;box-shadow:0 4px 14px rgba(0,0,0,.1)}
.login-race-heading strong{font-size:13px}.login-race-heading small{font-size:10px;color:#52657d}
.login-race-track{position:absolute;inset:0;display:block}
.login-race-finish{position:absolute;z-index:4;left:94%;top:45px;bottom:18px;width:4px;background:repeating-linear-gradient(45deg,#111 0 5px,#fff 5px 10px);box-shadow:0 0 0 2px rgba(255,255,255,.8)}
.login-race-finish::before{content:"🏆";position:absolute;left:50%;top:-28px;transform:translateX(-50%);font-size:25px}
.login-race-finish b,.login-race-finish small{position:absolute;right:8px;white-space:nowrap;transform:translateX(100%);color:#fff;text-shadow:0 1px 2px #0b1f3a;font-weight:900}
.login-race-finish b{top:5px;font-size:14px}.login-race-finish small{top:23px;font-size:9px;letter-spacing:.08em}
.login-race-scale{position:absolute;z-index:5;left:0;right:0;bottom:0;height:48px;border-top:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.34)}
.login-race-tick{position:absolute;bottom:19px;transform:translateX(-50%);height:24px}
.login-race-tick i{display:block;width:2px;height:11px;background:#14385f;margin:0 auto 1px}.login-race-tick b{display:block;font-size:8px;background:rgba(255,255,255,.94);border-radius:5px;padding:1px 3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.login-race-tick.is-transition b{font-size:10px;color:#a45a00}.login-race-tick.is-finish b{font-size:10px;color:#0d57ae}
.login-race-scale-label{position:absolute;bottom:2px;font-size:8px;font-weight:800;padding:1px 5px;border-radius:999px;background:rgba(255,255,255,.86)}
.login-race-scale-label.is-log{left:25%;transform:translateX(-50%);color:#a45a00}.login-race-scale-label.is-linear{left:75%;transform:translateX(-50%);color:#0d57ae}
.login-race-racer{position:absolute;z-index:6;left:var(--race-x);bottom:calc(46px + var(--race-lane) * 15px);width:0;transition:left 1.1s cubic-bezier(.2,.8,.2,1)}
.login-race-racer-label{position:absolute;left:0;bottom:33px;transform:translateX(-50%);display:grid;justify-items:center;white-space:nowrap;border-radius:10px;padding:3px 7px;color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 8px rgba(0,0,0,.2)}
.login-race-racer-label strong{font-size:10px;line-height:1}.login-race-racer-label small{font-size:8px;font-weight:800;opacity:.92}
.login-race-racer.is-red .login-race-racer-label{background:#df2e2e}.login-race-racer.is-blue .login-race-racer-label{background:#2474d8}.login-race-racer.is-green .login-race-racer-label{background:#16945f}.login-race-racer.is-purple .login-race-racer-label{background:#7d44c8}.login-race-racer.is-orange .login-race-racer-label{background:#d97706}.login-race-racer.is-teal .login-race-racer-label{background:#0f8b8d}
.login-race-horse{position:absolute;left:0;bottom:0;transform:translateX(-50%) scaleX(-1);font-size:31px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28));animation:login-race-gallop .58s ease-in-out infinite alternate}
.login-race-rank{position:absolute;right:-1px;top:-8px;display:grid;place-items:center;min-width:14px;height:14px;padding:0 2px;border-radius:999px;background:#fff;color:#0b1f3a;font:bold 8px/1 system-ui;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.login-race-racer.is-finished .login-race-horse{animation-duration:.35s}
.login-race-empty{position:absolute;left:50%;top:87px;transform:translate(-50%,-50%);background:rgba(255,255,255,.88);padding:7px 12px;border-radius:10px;font-size:11px;font-weight:700}
.login-race:focus-visible{outline:3px solid #f2b84b;outline-offset:-4px}
@keyframes login-race-gallop{from{transform:translate(-50%,1px) scaleX(-1) rotate(2deg)}to{transform:translate(-50%,-3px) scaleX(-1) rotate(-2deg)}}
@media(max-width:760px){.auth-screen{padding-bottom:145px}.login-race-mount{height:135px}.login-race{height:130px}.login-race-heading{left:8px;top:5px;padding:4px 8px}.login-race-heading small{display:none}.login-race-heading strong{font-size:10px}.login-race-finish{top:31px;bottom:15px}.login-race-racer{bottom:calc(40px + var(--race-lane) * 11px)}.login-race-racer-label{bottom:27px;padding:2px 5px}.login-race-racer-label strong{font-size:8px}.login-race-racer-label small{font-size:7px}.login-race-horse{font-size:25px}.login-race-scale{height:39px}.login-race-tick{bottom:14px}.login-race-tick:nth-child(2),.login-race-tick:nth-child(4),.login-race-tick:nth-child(6),.login-race-tick:nth-child(8),.login-race-tick:nth-child(10),.login-race-tick:nth-child(12){display:none}.login-race-scale-label{font-size:7px}.login-race-finish b{font-size:10px}.login-race-finish small{font-size:7px}}
@media(max-height:700px) and (min-width:761px){.auth-screen{padding-bottom:155px}.login-race-mount{height:145px}.login-race{height:140px}.login-race-racer{bottom:calc(40px + var(--race-lane) * 11px)}.login-race-horse{font-size:25px}.login-race-racer-label{bottom:28px}}
@media(prefers-reduced-motion:reduce){.login-race-racer{transition:none}.login-race-horse{animation:none}}