.staff-otp{position:relative;width:100%;max-width:320px;height:48px;margin:10px auto 0;transition:width .46s cubic-bezier(.2,.8,.2,1),height .46s cubic-bezier(.2,.8,.2,1)}.staff-otp input{position:absolute;z-index:3;width:44px;height:44px;border:1px solid #d6dad3!important;border-radius:7px!important;background:#fff;padding:0!important;color:#252623;text-align:center;font-size:19px!important;font-weight:850;line-height:1;transition:left .48s cubic-bezier(.2,.8,.2,1),top .48s cubic-bezier(.2,.8,.2,1),transform .38s ease,opacity .25s ease,border-color .2s,background .2s,box-shadow .2s}.staff-otp input:first-of-type{top:0;left:0}.staff-otp input:nth-of-type(2){top:0;left:calc(20% - 9px)}.staff-otp input:nth-of-type(3){top:0;left:calc(40% - 18px)}.staff-otp input:nth-of-type(4){top:0;left:calc(60% - 26px)}.staff-otp input:nth-of-type(5){top:0;left:calc(80% - 35px)}.staff-otp input:nth-of-type(6){top:0;right:0}.staff-otp input:focus{outline:0;border-color:#9f8130!important;box-shadow:0 0 0 4px rgba(191,160,67,.17)}.staff-otp-ring{position:absolute;z-index:1;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.staff-otp-ring:after,.staff-otp-ring:before{position:absolute;background:#c6897b;content:""}.staff-otp-ring:before{width:88px;height:1px}.staff-otp-ring:after{width:1px;height:88px}.staff-otp-ring span{display:grid;width:44px;height:44px;place-items:center;border:1px solid #58a55d;border-radius:11px;background:#142718;color:#70c878;font-size:24px;font-weight:850;opacity:0;transform:scale(.7)}.staff-otp-confetti{position:absolute;z-index:0;inset:0;pointer-events:none}.staff-otp-confetti i{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:2px;background:#54b65d;opacity:0}.staff-otp.checking{width:144px;height:144px}.staff-otp.checking .staff-otp-ring{opacity:1}.staff-otp.checking input:first-of-type{top:0;left:0}.staff-otp.checking input:nth-of-type(2){top:0;left:100px}.staff-otp.checking input:nth-of-type(3){top:50px;left:0}.staff-otp.checking input:nth-of-type(4){top:50px;left:100px}.staff-otp.checking input:nth-of-type(5){top:100px;left:0}.staff-otp.checking input:nth-of-type(6){top:100px;right:auto;left:100px}.staff-otp.success{width:96px;height:96px}.staff-otp.success input{opacity:0;transform:scale(.35)}.staff-otp.success .staff-otp-ring{inset:22px;opacity:1;transform:scale(1.8);transition:inset .28s ease,transform .42s ease}.staff-otp.success .staff-otp-ring:after,.staff-otp.success .staff-otp-ring:before{display:none}.staff-otp.success .staff-otp-ring span{opacity:1;transform:scale(1);transition:opacity .2s .18s,transform .3s .18s}.staff-otp.success .staff-otp-confetti i{animation:staff-confetti .72s cubic-bezier(.17,.67,.36,1) forwards}.staff-otp.success .staff-otp-confetti i:first-child{--x:-72px;--y:-66px}.staff-otp.success .staff-otp-confetti i:nth-child(2){--x:-20px;--y:-84px}.staff-otp.success .staff-otp-confetti i:nth-child(3){--x:38px;--y:-72px}.staff-otp.success .staff-otp-confetti i:nth-child(4){--x:82px;--y:-34px}.staff-otp.success .staff-otp-confetti i:nth-child(5){--x:78px;--y:38px}.staff-otp.success .staff-otp-confetti i:nth-child(6){--x:34px;--y:76px}.staff-otp.success .staff-otp-confetti i:nth-child(7){--x:-36px;--y:78px}.staff-otp.success .staff-otp-confetti i:nth-child(8){--x:-82px;--y:35px}.staff-otp.success .staff-otp-confetti i:nth-child(9){--x:-92px;--y:-15px}.staff-otp.success .staff-otp-confetti i:nth-child(10){--x:-52px;--y:-42px}.staff-otp.success .staff-otp-confetti i:nth-child(11){--x:16px;--y:-49px}.staff-otp.success .staff-otp-confetti i:nth-child(12){--x:54px;--y:48px}.staff-otp.error{animation:staff-otp-error .5s ease-in-out both}.staff-otp.error input{border-color:#d78177!important;background:#fff5f3;color:#a13930}.staff-otp.error .staff-otp-ring{opacity:1}.staff-otp.error .staff-otp-ring:after,.staff-otp.error .staff-otp-ring:before{background:#c85a4e}.staff-otp-status{min-height:18px!important;margin:7px 0 0!important;color:#6e716a!important;font-size:11px!important;font-weight:750;line-height:18px;text-align:center}.staff-otp.success+.staff-otp-status{color:#39743f!important}.staff-otp.error+.staff-otp-status{color:#a04a38!important}@keyframes staff-confetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(240deg)}}@keyframes staff-otp-error{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@media(prefers-reduced-motion:reduce){.staff-otp,.staff-otp input,.staff-otp-ring{transition:none}.staff-otp.error,.staff-otp.success .staff-otp-confetti i{animation:none}}.staff-login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:hsl(240 4% 95%);color:hsl(240 5% 10%);font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}.staff-login-card{width:min(100%,420px);border:1px solid hsl(240 4% 83%);border-radius:12px;background:hsl(0 0% 98%);padding:28px;box-shadow:0 14px 40px rgb(0 0 0/9%)}.staff-login-card .staff-wordmark{gap:11px;margin-bottom:40px;color:hsl(240 5% 10%);font-size:14px;font-weight:700}.staff-login-card .staff-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,hsl(258 89% 66%),hsl(270 91% 65%));color:#fff;box-shadow:0 8px 20px hsl(258 89% 66%/22%);font-size:11px}.staff-login-card .staff-eyebrow{display:block;margin:0;color:hsl(258 89% 66%);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.staff-login-card h1{margin:5px 0 8px;font-family:inherit;font-size:27px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:1.2;text-transform:none}.staff-login-card>p:not(.staff-eyebrow){margin:0 0 20px;color:hsl(240 3% 46%);font-size:12px;line-height:1.55}.staff-login-card label{color:hsl(240 3% 34%);font-size:10px;font-weight:650}.staff-login-card input{min-height:42px;border:1px solid hsl(240 4% 80%);border-radius:8px;background:#fff;color:hsl(240 5% 10%);font:inherit;font-size:12px;outline:none}.staff-login-card input:focus{border-color:hsl(258 89% 66%)!important;box-shadow:0 0 0 4px hsl(258 89% 66%/13%)}.staff-login-card .staff-save{min-height:42px;border:1px solid hsl(258 89% 61%);border-radius:8px;background:hsl(258 89% 66%);color:#fff;font-size:11px;font-weight:650;text-transform:none}.staff-passkey-button{width:100%;min-height:44px;border:1px solid hsl(258 63% 78%);border-radius:9px;background:hsl(258 100% 97%);color:hsl(258 56% 40%);font:inherit;font-size:11px;font-weight:750;cursor:pointer}.staff-passkey-button:hover{border-color:hsl(258 72% 66%);background:hsl(258 100% 95%)}.staff-passkey-button:focus-visible{outline:0;box-shadow:0 0 0 4px hsl(258 89% 66%/13%)}.staff-passkey-button:disabled{cursor:not-allowed;opacity:.55}.staff-login-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:hsl(240 3% 52%);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.staff-login-divider:after,.staff-login-divider:before{height:1px;flex:1;background:hsl(240 4% 86%);content:""}.staff-login-card .staff-login-link{color:hsl(258 79% 55%);font-weight:600}.staff-otp input:focus{border-color:hsl(258 89% 66%)!important;box-shadow:0 0 0 4px hsl(258 89% 66%/13%)}@media (max-width:480px){.staff-login-shell{padding:14px}.staff-login-card{padding:22px 18px}}