.brand-loader{position:fixed;inset:0;z-index:100;overflow:hidden;display:grid;place-items:center;background:#f1f4f8;color:#193457;font-family:"Helvetica Neue","PingFang SC",Arial,sans-serif;box-sizing:border-box}
.brand-loader *{box-sizing:border-box}
.loader-center{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center}
.loader-logo{display:block;width:204px;height:204px;object-fit:contain;position:relative;z-index:1}
.loader-orbit{position:absolute;width:360px;height:360px;top:-73px;left:50%;transform:translateX(-50%);pointer-events:none}
.loader-orbit i{position:absolute;inset:0;border:1px solid #bacbe141;border-radius:50%;transform:scaleY(.68) rotate(-25deg)}
.loader-orbit i:nth-child(2){inset:28px;transform:scaleY(1.1) rotate(30deg)}
.loader-orbit i:nth-child(3){inset:55px;border-style:dashed;opacity:.5}
.loader-orbit b{position:absolute;inset:0;border-radius:50%;animation:orbit-travel 8s linear infinite}
.loader-orbit b::before{content:"";position:absolute;left:50%;top:0;width:5px;height:5px;border-radius:50%;background:#568cf1;box-shadow:0 0 12px #4e85ef65}
@keyframes orbit-travel{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.brand-loader *{animation:none!important;transition:none!important}}
.loader-skip{position:absolute;top:25px;right:38px;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px;background:none;border:0;color:#64758f;font:inherit;font-size:14px;cursor:pointer}
.loader-skip:hover{color:#3157ed}.loader-skip:focus-visible{outline:2px solid #3157ed;outline-offset:3px}
@media(max-width:600px){.loader-logo{width:170px;height:170px}.loader-orbit{width:285px;height:285px;top:-54px}.loader-skip{top:15px;right:15px}}
