/* _shared/css/loader.css
   Replace all .blu-orca-wrap / .blu-orca-ring / .blu-orca-svg CSS blocks
   and the inline orca SVG HTML with this file + loader.html fragment */

#blu-loader {
  position: fixed; inset: 0; z-index: 99999;
  background: #000e1e;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 20px;
  transition: opacity .35s ease;
}
#blu-loader.fade { opacity: 0; pointer-events: none; }

.blu-spin {
  width: 48px; height: 48px; border-radius: 50%;
  border: 2px solid rgba(0,196,232,.15);
  border-top-color: rgba(0,196,232,.8);
  animation: blu-spin .9s linear infinite;
}
@keyframes blu-spin { to { transform: rotate(360deg); } }

.blu-loader-text {
  font-family: 'Segoe UI', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: .28em; text-transform: uppercase;
  color: rgba(0,196,232,.5);
}