.page-loader {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at top right, #1e88e5, #0a0f2c);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.4s ease;
}

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

/* Loader container */
.brand-loader {
  text-align: center;
}

/* Music wave animation */
.music-wave {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: flex-end;
  height: 50px;
  margin-bottom: 14px;
}

.music-wave span {
  width: 6px;
  height: 20px;
  background: linear-gradient(180deg, #00e5ff, #9c27b0);
  border-radius: 4px;
  animation: wave 1.2s infinite ease-in-out;
}

.music-wave span:nth-child(1) { animation-delay: 0s; }
.music-wave span:nth-child(2) { animation-delay: .1s; }
.music-wave span:nth-child(3) { animation-delay: .2s; }
.music-wave span:nth-child(4) { animation-delay: .3s; }
.music-wave span:nth-child(5) { animation-delay: .4s; }

@keyframes wave {
  0%, 100% { height: 12px; opacity: 0.6; }
  50% { height: 48px; opacity: 1; }
}

/* Text */
.loading-text {
  font-size: 14px;
  letter-spacing: 1px;
  color: #cfd8ff;
  font-family: system-ui, sans-serif;
}


/*.page-loader {*/
/*  position: fixed;*/
/*  inset: 0;*/
/*  background: #fff;*/
/*  will-change: opacity;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  z-index: 9999;*/
/*  transition: opacity 0.4s ease;*/
/*}*/

/*.page-loader.hide {*/
/*  opacity: 0;*/
/*  pointer-events: none;*/
/*}*/

/*.spinner {*/
/*  width: 50px;*/
/*  height: 50px;*/
/*  border: 5px solid #e0e0e0;*/
/*  border-top: 5px solid #000;*/
/*  border-radius: 50%;*/
/*  animation: spin 1s linear infinite;*/
/*}*/

/*@keyframes spin {*/
/*  100% { transform: rotate(360deg); }*/
/*}*/