/* Danaco Nexus — ekran ładowania strony. Warstwa nad stroną tylko na czas wczytywania; bez JS nie istnieje. */
.dn-ladowanie {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  pointer-events: auto;
  contain: strict;
}
.dn-ladowanie--przejscie,
.dn-ladowanie--pomin { pointer-events: none; }
.dn-ladowanie__tlo {
  position: absolute;
  inset: 0;
  background: var(--color-neutral-950, #0D0F17);
}
.dn-ladowanie--pomin {
  opacity: 0;
  transition: opacity var(--duration-fast, 140ms) var(--easing-exit, cubic-bezier(0.3, 0, 1, 1));
}
.dn-ladowanie__poswiata {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4);
  background:
    radial-gradient(closest-side at 42% 44%, color-mix(in srgb, var(--color-brand-apricot, #FF8A5B) 55%, transparent), transparent 70%),
    radial-gradient(closest-side at 50% 48%, color-mix(in srgb, var(--color-brand-rose, #F2528F) 55%, transparent), transparent 75%),
    radial-gradient(closest-side at 57% 55%, color-mix(in srgb, var(--color-brand-iris, #7B5CFF) 60%, transparent), transparent 80%),
    radial-gradient(closest-side at 62% 60%, color-mix(in srgb, var(--color-brand-sky, #3BA7FF) 40%, transparent), transparent 70%);
  filter: blur(24px);
  will-change: transform, opacity;
}
.dn-ladowanie__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.dn-ladowanie__postep {
  position: absolute;
  left: 50%;
  width: 120px;
  height: 2px;
  margin-left: -60px;
  border-radius: var(--radius-pill, 999px);
  background: var(--color-neutral-800, #292C37);
  overflow: hidden;
  animation: dn-ladowanie-postep-wejscie var(--duration-base, 200ms) var(--easing-enter, cubic-bezier(0, 0, 0, 1)) both;
}
.dn-ladowanie__postep[hidden] { display: none; }
.dn-ladowanie__pasek {
  width: 100%;
  height: 100%;
  transform-origin: 0 50%;
  transform: scaleX(0);
  background: var(--color-brand-aurora-cool, linear-gradient(135deg, #7B5CFF 0%, #3BA7FF 100%));
}
@keyframes dn-ladowanie-postep-wejscie {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .dn-ladowanie__postep { animation: none; }
}
