html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}html,body{color:#121084;background:#e7f4fc;min-height:100dvh;margin:0;font-family:Figtree,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{flex-direction:column;display:flex}.gate{box-sizing:border-box;width:100%;min-height:100dvh;min-height:-webkit-fill-available;padding:4.5rem 1.5rem 1.5rem;padding:4.5rem max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;display:flex;position:relative}.gate.is-success{padding-top:1.5rem}.gate__logo{top:max(1.25rem, env(safe-area-inset-top));right:max(1.25rem, env(safe-area-inset-right));width:auto;height:2.4rem;transition:opacity .28s,visibility .28s;position:absolute}.gate__langs{z-index:3;left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:flex-start;gap:.45rem;display:flex;position:absolute}.gate button.gate__lang-toggle{color:#121084;background:#f7fbfef5;border:1px solid #1210842e;border-radius:999px;place-items:center;width:44px;min-height:44px;margin:0;padding:0;display:grid;box-shadow:0 8px 22px #1218281f}.gate button.gate__lang-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.gate__lang-menu{background:#f7fbfefa;border:1px solid #12108424;border-radius:.7rem;margin:0;padding:.35rem;list-style:none;box-shadow:0 14px 32px #12182829}.gate button.gate__lang-option{color:#121084;width:100%;min-height:2.4rem;font:inherit;text-align:left;background:0 0;border:0;border-radius:.45rem;margin:0;padding:.45rem .85rem;font-size:.92rem;font-weight:600;display:block}.gate button.gate__lang-option.is-active,.gate button.gate__lang-option:hover{background:#12108414}.gate.is-success .gate__logo,.gate.is-success .gate__card{opacity:0;visibility:hidden;pointer-events:none}.gate__card{z-index:1;width:min(24rem,100%);margin:0 auto;transition:opacity .28s,visibility .28s;position:relative;overflow:hidden}.gate__stage{grid-template-columns:100% 100%;width:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);display:grid;-webkit-transform:translate(0,0);transform:translate(0,0)}.gate__stage.is-totp{-webkit-transform:translate(-100%);transform:translate(-100%)}.gate__pane{min-width:0;padding-right:1px}.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{-webkit-appearance:none;appearance:none;box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;caret-color:#121084;width:100%;min-width:0;min-height:3.4rem;color:inherit;background:#f7fbfe;border:1px solid #9ec4e4;border-radius:.35rem;padding:0;font-size:16px;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;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.gate__back{margin-top:.55rem;font-weight:500;color:#3a4e9a!important;background:0 0!important}.gate__text-link{width:auto;min-height:0;font:inherit;text-underline-offset:.15em;cursor:pointer;border:0;margin-top:.85rem;padding:0;font-size:.92rem;font-weight:500;text-decoration:underline;display:inline-block;color:#3a4e9a!important;background:0 0!important}a.gate__text-link{margin-top:.85rem}.gate__success{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;display:flex;position:absolute;inset:0}.gate__success-mark{opacity:0;width:min(16rem,68vw);height:auto;animation:1.1s cubic-bezier(.16,1,.3,1) forwards gate-mark-in;display:block;-webkit-transform:scale(.55)translateY(18px);transform:scale(.55)translateY(18px)}.gate__success-check{opacity:0;place-items:center;width:3.75rem;height:3.75rem;animation:.7s cubic-bezier(.22,1,.36,1) .52s forwards gate-check-in;display:grid;-webkit-transform:scale(.4);transform:scale(.4)}.gate__success-check svg{width:100%;height:100%;display:block;overflow:visible}.gate__success-check-ring{fill:none;stroke:#1f9d55;stroke-width:3px;stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:151px;animation:.65s ease-out .56s forwards gate-check-ring}.gate__success-check-tick{fill:none;stroke:#1f9d55;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36px;animation:.42s ease-out .82s forwards gate-check-tick}@keyframes gate-mark-in{0%{opacity:0;-webkit-transform:scale(.55)translateY(18px);transform:scale(.55)translateY(18px)}60%{opacity:1;-webkit-transform:scale(1.08)translateY(0);transform:scale(1.08)translateY(0)}to{opacity:1;-webkit-transform:scale(1)translateY(0);transform:scale(1)translateY(0)}}@keyframes gate-check-in{0%{opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}70%{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes gate-check-ring{to{stroke-dashoffset:0}}@keyframes gate-check-tick{to{stroke-dashoffset:0}}@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,.gate__logo,.gate__card{transition:none}.gate__otp.is-shake,.gate .gate__digit.is-filled,.gate__success-mark,.gate__success-check,.gate__success-check-ring,.gate__success-check-tick{animation:none}.gate__success-mark,.gate__success-check{opacity:1;transform:none}.gate__success-check-ring,.gate__success-check-tick{stroke-dashoffset:0}}.gate h1{letter-spacing:-.03em;text-align:left;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{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-height:44px;color:inherit;background:#f7fbfe;border:1px solid #9ec4e4;border-radius:.35rem;padding:.55rem .75rem;font-family:inherit;font-size:16px}.gate button{-webkit-appearance:none;appearance:none;color:#e7f4fc;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#121084;border:0;border-radius:.35rem;margin-top:.35rem;font-size:16px;font-weight:650}.gate button:disabled{opacity:.65;cursor:default}.gate__error{color:#9b1c3c;margin:0 0 .85rem;font-size:.92rem}
