#bootSplash{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;background:#F1F0F0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;transition:opacity .35s ease}
  #bootSplash.done{opacity:0;pointer-events:none}
  .bs-card{text-align:center}
  .bs-mark{width:58px;height:58px;margin:0 auto 14px;border-radius:14px;background:#714B67;
    box-shadow:0 8px 22px -8px rgba(113,75,103,.55);position:relative}
  .bs-mark::after{content:'';position:absolute;left:14px;top:20px;width:30px;height:16px;
    background:#fff;clip-path:polygon(0 100%,26% 34%,48% 68%,63% 44%,100% 100%)}
  .bs-name{font-size:19px;font-weight:700;letter-spacing:0;color:#212529}
  .bs-sub{font-size:12.5px;color:#636b73;margin-top:3px}
  .bs-bar{width:168px;height:3px;border-radius:99px;background:#E9ECEF;margin:16px auto 0;overflow:hidden}
  .bs-bar span{display:block;width:40%;height:100%;border-radius:99px;background:#714B67;
    animation:bsSlide 1.1s cubic-bezier(.45,0,.55,1) infinite}
  @keyframes bsSlide{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}
  
  @media (prefers-reduced-motion: reduce){ .bs-bar span{animation:none;width:100%} }