/* ================= Core Styles ================= */
body {
  font-family: 'Source Sans Variable', sans-serif;
  color: #E6E6E6;
  background-color: #0D0D0D;
  margin: 0;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Gilroy', sans-serif;
  font-weight: 700;
  color: #F8DA50;
  letter-spacing: 0.5px;
}

.gradient-text {
  background: linear-gradient(90deg, #B29700, #F8DA50, #E6E6E6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ================= Cursor ================= */
#arez-cursor-core {
  position: fixed;
  width: 16px;
  height: 16px;
  background: #F8DA50;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  filter: drop-shadow(0 0 14px #F8DA50) drop-shadow(0 0 28px rgba(248,218,80,0.6));
  z-index: 999999;
}

#arez-cursor-orbits .orbit-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #F8DA50;
  border-radius: 50%;
  pointer-events: none;
}

/* ================= Luxury Scrollbar ================= */
body::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

#lux-scrollbar {
  position: fixed;
  right: 12px;
  top: 0;
  width: 14px;
  height: 100%;
  background: rgba(25, 25, 25, 0.25);
  border-radius: 10px;
  z-index: 9999999;
  overflow: hidden;
  pointer-events: none;
}

#lux-scrollbar .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  background: linear-gradient(180deg, #F8DA50, #DCA629, #E6E6E6, #999999);
  box-shadow: 0 0 12px rgba(248, 218, 80, 0.5);
  transition: height 0.2s ease, transform 0.2s ease;
}

#lux-scrollbar .thumb:hover {
  height: 80px;
  box-shadow: 0 0 20px rgba(248, 218, 80, 0.7);
}

#lux-scrollbar .particle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #E6E6E6;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: float 2s infinite alternate ease-in-out;
}

@keyframes float {
  0% { transform: translate(-50%, -50%) translateY(-2px); opacity: 0.8; }
  50% { transform: translate(-50%, -50%) translateY(2px); opacity: 1; }
  100% { transform: translate(-50%, -50%) translateY(-2px); opacity: 0.8; }
}

/* ================= Premium Loader ================= */
#premium-loader {
  position: fixed;
  top:0; left:0;
  width:100vw;
  height:100vh;
  background:#111;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  z-index:9999;
  font-family: 'Poppins', sans-serif;
}

.orbits {
  position: absolute;
  width: 180px;
  height: 180px;
}

.orbit {
  position: absolute;
  border: 1.2px solid #F8DA50;
  border-radius: 50%;
  width: 100%; height: 100%;
  top:0; left:0;
  opacity:0.2;
  box-shadow: 0 0 12px #F8DA50, 0 0 25px #F8DA50;
  animation: rotateOrbit 3s linear infinite;
}

.orbit2 { width: 140%; height: 140%; top:-20%; left:-20%; opacity:0.15; animation-duration:4s; }
.orbit3 { width: 180%; height: 180%; top:-40%; left:-40%; opacity:0.1; animation-duration:5s; }

@keyframes rotateOrbit {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.particle {
  position: absolute;
  width: 8px;
  height: 8px;
  background:#F8DA50;
  border-radius:50%;
  top:50%; left:50%;
  transform-origin: -90px 0px;
  animation: particleOrbit 2s linear infinite;
}

.particle1 { animation-delay: 0s; }
.particle2 { animation-delay: 0.5s; }
.particle3 { animation-delay: 1s; }

@keyframes particleOrbit {
  0% { transform: rotate(0deg) translateX(90px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(90px) rotate(-360deg); }
}

.loader-logo {
  width: 140px;
  opacity: 0;
  transform: scale(0.7);
  animation: revealLogo 1.8s ease-out forwards 1s;
  filter: drop-shadow(0 0 20px #F8DA50) drop-shadow(0 0 35px #F8DA50);
}

@keyframes revealLogo {
  0% { opacity:0; transform: scale(0.7); }
  50% { opacity:1; transform: scale(1.05); }
  100% { opacity:1; transform: scale(1); }
}

.loader-logo::after {
  content:'';
  position:absolute;
  width:160px;
  height:160px;
  top:50%; left:50%;
  transform:translate(-50%,-50%) scale(0.8);
  border-radius:50%;
  box-shadow:0 0 20px #F8DA50,0 0 40px #F8DA50;
  opacity:0;
  animation: logoPulse 1.8s ease-out forwards 1s;
}

@keyframes logoPulse {
  0% { opacity:0; transform:translate(-50%,-50%) scale(0.8);}
  50% { opacity:0.35; transform:translate(-50%,-50%) scale(1.1);}
  100% { opacity:0; transform:translate(-50%,-50%) scale(1);}
}

/* Responsive */
@media (max-width:768px){
  .loader-logo { width:100px; }
  .orbits { width:130px; height:130px; }
  .orbit2 { width:180px; height:180px; top:-25%; left:-25%; }
  .orbit3 { width:220px; height:220px; top:-45%; left:-45%; }
  .particle { transform-origin: -65px 0px; }
}