/* JU official PNG stays unaltered. Only its visibility is animated. */
.ju-brand-loader{
  --ju-loader-surface:var(--ju-surface,#ffffff);
  --ju-loader-text:var(--ju-text,#182039);
  --ju-loader-accent:var(--ju-accent,#6548d9);
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;pointer-events:none!important;user-select:none;font:inherit;color:var(--ju-loader-text);
  padding:18px;isolation:isolate;opacity:1;
}
.ju-brand-loader *{box-sizing:border-box;pointer-events:none!important}
.ju-brand-loader--corner{
  position:fixed;inset-block-start:max(16px,env(safe-area-inset-top));inset-inline-end:max(16px,env(safe-area-inset-right),env(safe-area-inset-left));
  z-index:40;width:132px;max-width:calc(100vw - 32px);border:1px solid rgba(125,132,154,.2);border-radius:14px;
  background:var(--ju-loader-surface);box-shadow:0 8px 28px rgba(11,16,35,.1);gap:9px;padding:14px 12px;
}
.ju-brand-loader--inline{position:relative;width:100%;max-width:360px;margin-inline:auto;padding:22px 16px}
.ju-brand-loader--hero{gap:18px;min-height:224px;padding:32px 24px}
.ju-brand-loader__art{display:block;position:relative;width:80px;max-width:100%;aspect-ratio:895/729}
.ju-brand-loader--inline .ju-brand-loader__art{width:108px}
.ju-brand-loader--hero .ju-brand-loader__art{width:184px}
.ju-brand-loader__logo{display:block;width:100%;height:auto;max-width:none;object-fit:contain;opacity:0}
.ju-brand-loader.is-image-ready .ju-brand-loader__logo{opacity:1;animation:ju-brand-draw .72s cubic-bezier(.18,.65,.28,1) both}
.ju-brand-loader__trace{display:block;height:2px;width:76px;max-width:65%;overflow:hidden;background:rgba(125,132,154,.16);border-radius:0}
.ju-brand-loader--hero .ju-brand-loader__trace{width:150px}
.ju-brand-loader__trace::after{
  content:"";display:block;width:48%;height:100%;background:linear-gradient(90deg,#2E6BFF,#7A3BFF,#FF4FA3);
  transform:translateX(-110%);animation:ju-brand-trace 1.4s cubic-bezier(.5,0,.25,1) infinite;
}
.ju-brand-loader__label{display:block;max-width:30ch;text-align:center;font:inherit;font-size:.78rem;line-height:1.6;color:inherit;opacity:.76;overflow-wrap:anywhere}
.ju-brand-loader--hero .ju-brand-loader__label{font-size:.88rem;letter-spacing:0}
html[data-ju-theme="dark"] .ju-brand-loader{--ju-loader-surface:var(--ju-surface,#11172b);--ju-loader-text:var(--ju-text,#ecedf4)}
@media(prefers-color-scheme:dark){html:not([data-ju-theme]) .ju-brand-loader{--ju-loader-surface:var(--ju-surface,#11172b);--ju-loader-text:var(--ju-text,#ecedf4)}}
@keyframes ju-brand-draw{
  0%{clip-path:polygon(0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0)}
  30%{clip-path:polygon(0 0,88% 0,72% 36%,0 36%,0 36%,0 36%,0 36%,0 36%)}
  64%{clip-path:polygon(0 0,100% 0,100% 36%,88% 36%,65% 76%,0 76%,0 76%,0 76%)}
  84%{clip-path:polygon(0 0,100% 0,100% 76%,75% 76%,90% 100%,0 100%,0 100%,0 100%)}
  100%{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,100% 100%,0 100%,0 100%,0 100%)}
}
@keyframes ju-brand-trace{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}
@media(max-width:480px){.ju-brand-loader--corner{width:108px;padding:12px 8px;gap:7px}.ju-brand-loader--corner .ju-brand-loader__art{width:62px}.ju-brand-loader--corner .ju-brand-loader__label{font-size:.7rem}.ju-brand-loader--hero{min-height:196px;padding:24px 16px}.ju-brand-loader--hero .ju-brand-loader__art{width:160px}}
@media(prefers-reduced-motion:reduce){.ju-brand-loader.is-image-ready .ju-brand-loader__logo{animation:none;clip-path:none}.ju-brand-loader__trace::after{animation:none;transform:none;width:100%}}
@media print{.ju-brand-loader{display:none!important}}