html,body{color:#121084;background:#e7f4fc;min-height:100%;margin:0;font-family:Figtree,Avenir Next,system-ui,sans-serif}.gate{place-items:center;min-height:100dvh;padding:4.5rem 1.5rem 1.5rem;display:grid;position:relative}.gate__logo{width:auto;height:2.4rem;position:absolute;top:1.25rem;right:1.25rem}.gate__card{width:min(24rem,100%);overflow:hidden}.gate__stage{grid-template-columns:100% 100%;width:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);display:grid}.gate__stage.is-totp{transform:translate(-100%)}.gate__pane{min-width:0}.gate__totp-title{margin:0 0 .35rem;font-size:1.15rem}.gate__hint{color:#3a4e9a;margin:0 0 1rem;font-size:.92rem}.gate__otp{gap:.45rem;margin-bottom:1rem;display:flex}.gate__otp.is-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) gate-shake}.gate .gate__digit{text-align:center;font-variant-numeric:tabular-nums;caret-color:#121084;width:100%;min-height:3.4rem;padding:0;font-size:1.55rem;transition:border-color .16s,transform .18s cubic-bezier(.22,1,.36,1),background .16s}.gate .gate__digit.is-filled{background:#d3eaf8;border-color:#121084;animation:.22s cubic-bezier(.22,1,.36,1) gate-digit}.gate .gate__digit:focus{border-color:#121084;outline:none;transform:translateY(-2px)}.gate__back{color:#3a4e9a;background:0 0;margin-top:.55rem;font-weight:500}@keyframes gate-digit{0%{transform:translateY(6px)scale(.86)}to{transform:none}}@keyframes gate-shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(4px)}50%{transform:translate(-6px)}}@media (prefers-reduced-motion:reduce){.gate__stage,.gate .gate__digit{transition:none}.gate__otp.is-shake,.gate .gate__digit.is-filled{animation:none}}.gate h1{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:1.85rem;font-weight:560}.gate label{gap:.35rem;margin-bottom:.85rem;font-size:.92rem;display:grid}.gate input{min-height:44px;color:inherit;font:inherit;background:#f7fbfe;border:1px solid #9ec4e4;border-radius:.35rem;padding:.55rem .75rem}.gate button{color:#e7f4fc;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#121084;border:0;border-radius:.35rem;margin-top:.35rem;font-weight:650}.gate__error{color:#9b1c3c;margin:0 0 .85rem;font-size:.92rem}