/*
Theme Name: Vadilog Coming Soon
Author: Aslan Kadir
Version: 1.0
*/

body {
  box-sizing: border-box;
}

* {
  font-family: 'Outfit', sans-serif;
}

.gradient-bg {
  background: linear-gradient(-45deg, #0f0f23, #1a1a3e, #2d1b4e, #1e3a5f, #0f2847);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.floating-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.4;
  animation: float 20s ease-in-out infinite;
}

.orb-1 { width:300px;height:300px;top:10%;left:10%; }
.orb-2 { width:400px;height:400px;top:50%;right:5%;animation-delay:-5s; }
.orb-3 { width:250px;height:250px;bottom:10%;left:30%;animation-delay:-10s; }

@keyframes float {
  0%,100%{transform:translate(0,0) scale(1)}
  25%{transform:translate(30px,-30px) scale(1.05)}
  50%{transform:translate(-20px,20px) scale(.95)}
  75%{transform:translate(20px,30px) scale(1.02)}
}

.glow-text { text-shadow:0 0 40px rgba(255,255,255,.1); }

.loader-ring {
  width:60px;height:60px;
  border:3px solid rgba(255,255,255,.1);
  border-top-color:rgba(255,255,255,.8);
  border-radius:50%;
  animation:spin 1.2s linear infinite;
}

@keyframes spin { to{transform:rotate(360deg)} }

.pulse-dot { animation:pulse 2s ease-in-out infinite; }

@keyframes pulse {
  0%,100%{opacity:.4;transform:scale(1)}
  50%{opacity:1;transform:scale(1.2)}
}

.fade-in { animation:fadeIn 1.5s ease-out forwards; }
.fade-in-delay-1 { opacity:0;animation:fadeIn 1.5s ease-out .3s forwards; }
.fade-in-delay-2 { opacity:0;animation:fadeIn 1.5s ease-out .6s forwards; }
.fade-in-delay-3 { opacity:0;animation:fadeIn 1.5s ease-out .9s forwards; }

@keyframes fadeIn {
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

.shimmer {
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
  background-size:200% 100%;
  animation:shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
  0%{background-position:-200% 0}
  100%{background-position:200% 0}
}