/* Site Loader Styles */
.loader {
  width: 54px;
  aspect-ratio: 1;
  box-sizing: border-box;
  background: 
    radial-gradient(farthest-side, #1a1a1a 98%, #0000) top,
    radial-gradient(farthest-side, #2ED06E 98%, #0000) bottom right,
    radial-gradient(farthest-side, #2ED06E 98%, #0000) bottom left,
    #0000;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  animation: l3 2s infinite linear;
}

@keyframes l3 {
  0%   {background-position: top, bottom right, bottom left}
  33%  {background-position: bottom right, bottom left, top}
  66%  {background-position: bottom left, top, bottom right}
  100% {background-position: top, bottom right, bottom left}
}

/* Loader container for full screen */
.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.15s ease;
}

.loader-container.hide {
  opacity: 0;
  pointer-events: none;
}

/* Hide loader when page is fully loaded */
body.loaded .loader-container {
  opacity: 0;
  pointer-events: none;
}