/* One-second branded entrance shared by the public site and KYC pages. */
.brand-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff;opacity:1;visibility:visible;animation:brand-loader-exit 1s ease forwards}
.brand-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.brand-loader__content{display:grid;justify-items:center;width:min(76vw,360px);gap:15px}
.brand-loader__logo-wrap{position:relative;display:grid;place-items:center;width:min(100%,300px);aspect-ratio:2.7}
.brand-loader__logo-wrap>img{position:relative;z-index:1;display:block;width:min(100%,280px);height:auto;animation:brand-loader-breathe 1s ease-in-out infinite}
.brand-loader__track{display:block;position:relative;width:118px;height:3px;overflow:hidden;border-radius:5px;background:#ecebfa}
.brand-loader__track i{position:absolute;inset:0 auto 0 0;width:38%;border-radius:5px;background:linear-gradient(90deg,#5146d8,#0798ad);animation:brand-loader-progress 1s cubic-bezier(.45,0,.55,1) forwards}
.brand-loader__label{color:#77758b;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.22em}
@keyframes brand-loader-breathe{0%,100%{opacity:.82;transform:scale(.985)}50%{opacity:1;transform:scale(1)}}
@keyframes brand-loader-progress{0%{transform:translateX(-105%)}100%{transform:translateX(270%)}}
@keyframes brand-loader-exit{0%,67%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.brand-loader{animation:none;opacity:0;visibility:hidden}.brand-loader__logo-wrap>img,.brand-loader__track i{animation:none}.brand-loader__track i{width:100%;transform:none}}