/* Page loader — brand emblem on a forest green wash */
#spinner{
  position:fixed;inset:0;z-index:9999;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  background:linear-gradient(140deg,#03301f 0%,#0B6E4F 60%,#155e46 100%);
  opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;
}
#spinner.show{opacity:1;visibility:visible;}

#spinner .spin-mark{
  width:96px;height:96px;border-radius:50%;overflow:hidden;position:relative;background:#fff;
  border:3px solid rgba(255,255,255,.85);box-shadow:0 16px 40px rgba(0,0,0,.28);
  animation:ia-pulse 1.6s ease-in-out infinite;
}
#spinner .spin-mark img{position:absolute;width:165%;height:165%;left:-19.7%;top:-2.6%;object-fit:cover;}

#spinner .spin-bar{width:150px;height:3px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden;}
#spinner .spin-bar i{display:block;width:40%;height:100%;background:var(--accent, #F4B400);border-radius:3px;animation:ia-slide 1.2s ease-in-out infinite;}

#spinner .spin-text{
  font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:.32em;
  text-transform:uppercase;color:rgba(255,255,255,.7);
}

@keyframes ia-pulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.07);}
}
@keyframes ia-slide{
  0%{transform:translateX(-100%);}
  100%{transform:translateX(275%);}
}