/* Loader Wrapper */
  #loader {
    position: fixed;
    inset: 0;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: opacity 0.7s ease;
  }

  /* Logo Container: 3D depth + floating */
.logo-wrapper {
  position: relative;
  animation: spin 1s linear infinite;
  transform-style: preserve-3d;
}


  /* Logo Image */
  .logo {
    width: 130px;
    height: auto;
    backface-visibility: visible;
    filter: drop-shadow(0 0 15px gold);
    animation: glow 2s ease-in-out infinite;
  }

  /* Shine Sweep Layer */
  .shine {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.7) 50%,
      rgba(255,255,255,0) 100%
    );
    animation: shineMove 2.8s ease-in-out infinite;
    mix-blend-mode: screen;
  }

  /* 3D Spin */
  @keyframes spin {
    0%   { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
  }

  /* Floating Effect */
  @keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
  }

  /* Glow Pulse */
  @keyframes glow {
    0%   { filter: drop-shadow(0 0 6px gold); }
    50%  { filter: drop-shadow(0 0 22px gold); }
    100% { filter: drop-shadow(0 0 6px gold); }
  }

  /* Shine Animation */
  @keyframes shineMove {
    0%   { left: -120%; }
    100% { left: 120%; }
  }