/* === V10 / EKRAN ŁADOWANIA AMN === */
  body.is-loading {
    cursor:wait;
  }

  .page-loader {
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 42%, rgba(36,166,160,.10), transparent 26rem),
      radial-gradient(circle at 50% 62%, rgba(240,165,43,.055), transparent 20rem),
      linear-gradient(145deg, #031214 0%, #061B1D 52%, #082225 100%);
    opacity:1;
    visibility:visible;
    transition:
      opacity .22s ease,
      visibility 0s linear .22s;
  }

  .page-loader::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.24;
    background-image:
      linear-gradient(rgba(110,208,201,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(110,208,201,.045) 1px, transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(circle at center, black 0%, rgba(0,0,0,.68) 52%, transparent 92%);
  }

  .page-loader::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    box-shadow:inset 0 0 180px rgba(0,0,0,.52);
  }

  .loader-inner {
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:min(470px, calc(100vw - 48px));
    transform:translateY(-2vh);
    transition:
      opacity .12s ease,
      transform .12s var(--ease),
      filter .12s ease;
  }

  .loader-indicators {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    margin-bottom:16px;
    opacity:0;
    transform:translateY(6px);
    animation:amnIndicatorsEnter .46s var(--ease) .16s forwards;
  }

  .loader-indicator {
    width:11px;
    height:11px;
    border-radius:999px;
    background:rgba(232,244,241,.08);
    border:1px solid rgba(232,244,241,.12);
    box-shadow:
      inset 0 0 0 1px rgba(3,18,20,.16),
      0 0 0 rgba(240,165,43,0);
    transition:
      background .24s ease,
      border-color .24s ease,
      box-shadow .24s ease,
      transform .18s ease;
  }

  .loader-indicator.is-lit {
    background:var(--amber);
    border-color:rgba(255,192,88,.78);
    box-shadow:
      0 0 16px rgba(240,165,43,.38),
      0 0 28px rgba(240,165,43,.16);
  }

  .loader-indicator.pulse {
    transform:scale(1.18);
  }

  .loader-logo {
    display:block;
    width:auto;
    height:112px;
    max-width:100%;
    object-fit:contain;
    opacity:0;
    transform:scale(.975) translateY(4px);
    animation:amnLogoEnter .58s var(--ease) .06s forwards;
  }

  .loader-snake-canvas {
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    pointer-events:none;
    opacity:.98;
  }

  .loader-status {
    margin-top:18px;
    color:rgba(168,195,191,.72);
    font-size:.64rem;
    font-weight:650;
    letter-spacing:.18em;
    text-transform:uppercase;
  }

  body.loader-complete .loader-inner,
  body.loader-complete .loader-snake-canvas {
    opacity:0;
    transform:translateY(-10px) scale(.992);
    filter:blur(2px);
  }

  body.loader-complete .loader-status,
  body.loader-complete .loader-indicators {
    opacity:0;
    transform:translateY(8px);
  }

  body.is-ready .page-loader {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  body.is-loading .shell {
    opacity:.001;
    transform:scale(.997);
  }

  body.is-ready .shell {
    opacity:1;
    transform:scale(1);
    transition:
      opacity .20s ease .02s,
      transform .20s var(--ease) .02s;
  }

  @keyframes amnIndicatorsEnter {
    to {
      opacity:1;
      transform:translateY(0);
    }
  }

  @keyframes amnLogoEnter {
    to {
      opacity:1;
      transform:scale(1) translateY(0);
    }
  }

  @keyframes amnLoadingLine {
    0% { left:-42%; }
    68%, 100% { left:100%; }
  }


.page-loader[hidden]{display:none!important}.page-loader{--ease:cubic-bezier(.22,1,.36,1)}
body.is-loading{overflow:hidden}.loader-skip{position:absolute;z-index:3;bottom:24px;left:50%;transform:translateX(-50%);background:transparent;color:#a8c3bf;border:1px solid #476362}
body.loader-complete .loader-inner,body.loader-complete .loader-logo{animation:none;opacity:0}
@media(max-width:500px){.loader-logo{height:auto;width:min(310px,80vw)}}
@media(prefers-reduced-motion:reduce){.loader-inner,.loader-logo,.loader-indicators{animation:none!important;opacity:1;transform:none}.loader-snake-canvas{display:none}.page-loader{transition:none}}

body.is-ready.loader-immediate .shell{transition:none}
@media(prefers-reduced-motion:reduce){body.is-ready .shell{transition:none}.loader-indicator{transition:none}}