﻿#elite-preloader{
  position:fixed;
  inset:0;
  background:radial-gradient(circle at center,#111 0%,#000 70%);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:999999;
}

.elite-loader-box{
  text-align:center;
  animation:eliteFadeIn .9s ease forwards;
}

/* Logo */
.elite-logo-wrap img{
  width:110px;
  margin-bottom:14px;
  animation:eliteFloat 3s ease-in-out infinite;
}

/* Brand */
.elite-brand{
  font-size:42px;
  letter-spacing:4px;
  font-weight:700;
  text-transform:uppercase;
  background:linear-gradient(90deg,#b8892f,#ffd77c,#fff2b8,#ffd77c,#b8892f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:eliteGlow 2.5s infinite alternate;
}

/* Gold line */
.elite-gold-line{
  width:140px;
  height:3px;
  margin:16px auto 14px;
  background:linear-gradient(90deg,transparent,#d4af37,transparent);
  animation:eliteLine 2s infinite;
}

/* Loading */
.elite-loading-text{
  font-size:13px;
  letter-spacing:3px;
  color:#d4af37;
  opacity:.8;
}

/* Animations */
@keyframes eliteGlow{
  0%{filter:drop-shadow(0 0 4px rgba(212,175,55,.3));}
  100%{filter:drop-shadow(0 0 12px rgba(212,175,55,.9));}
}

@keyframes eliteFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-6px);}
}

@keyframes eliteLine{
  0%{opacity:.2;transform:scaleX(.5);}
  50%{opacity:1;transform:scaleX(1);}
  100%{opacity:.2;transform:scaleX(.5);}
}

@keyframes eliteFadeIn{
  from{opacity:0;transform:scale(.96);}
  to{opacity:1;transform:scale(1);}
}

/* Mobile */
@media(max-width:768px){
  .elite-brand{font-size:32px;}
  .elite-logo-wrap img{width:85px;}
}