.login-transition{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:24px;color:#fff;background:radial-gradient(circle at 50% 36%,rgba(76,203,255,.2),transparent 24%),linear-gradient(145deg,#071636,#10278f 58%,#0c5a78)}.login-transition[hidden]{display:none}.login-transition__scene{display:grid;justify-items:center;width:min(540px,100%);text-align:center}.login-transition__orbit{position:relative;display:grid;place-items:center;width:150px;height:150px;margin-bottom:28px}.login-transition__orbit:before,.login-transition__orbit:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:loginOrbit 3s linear infinite}.login-transition__orbit:after{inset:25px;border-style:dashed;animation-direction:reverse;animation-duration:4.5s}.login-transition__orbit>b{position:relative;z-index:2;width:74px;height:74px;overflow:hidden;border:5px solid #fff;border-radius:22px;background:#fff;box-shadow:0 0 55px rgba(79,211,255,.4)}.login-transition__orbit img{position:absolute;width:210px;max-width:none;left:-70px;top:-56px}.login-transition__orbit>i{position:absolute;z-index:3;width:12px;height:12px;border:3px solid #071636;border-radius:50%;background:#ffd063;transform-origin:0 67px;animation:loginSatellite 2.2s linear infinite}.login-transition__orbit>i:nth-child(2){background:#53e0af;animation-delay:-.75s;transform-origin:0 53px}.login-transition__orbit>i:nth-child(3){background:#4fd3ff;animation-delay:-1.5s;transform-origin:0 78px}.login-transition__scene p{margin:0 0 12px;color:#ffd063;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.login-transition__scene h2{max-width:470px;margin:0;font-size:clamp(2.2rem,7vw,4.4rem);line-height:.92;letter-spacing:-.065em}.login-transition__progress{width:min(330px,80vw);height:4px;margin:30px 0 13px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.14)}.login-transition__progress i{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd063,#4fd3ff);animation:loginProgress 1.4s ease-in-out infinite}.login-transition__scene small{color:rgba(255,255,255,.65)}@keyframes loginOrbit{to{transform:rotate(360deg)}}@keyframes loginSatellite{to{transform:rotate(360deg)}}@keyframes loginProgress{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}@media(prefers-reduced-motion:reduce){.login-transition__orbit:before,.login-transition__orbit:after,.login-transition__orbit>i,.login-transition__progress i{animation-duration:8s}}