///Stylesheet/// Rules.css

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

main {
  flex: 1; /* расте, за да запълни пространството между navbar и footer */
}


footer {
  padding: 40px 0;
  color: rgba(230,238,248,0.6);
  /* По-прозрачен градиентен фон */
  background: linear-gradient(120deg, rgba(10,15,42,0.6), rgba(30,58,138,0.5), rgba(109,40,217,0.4), rgba(10,15,42,0.6));
  background-size: 400% 400%;
  animation: bgFlow 18s ease infinite;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4); /* по-лека сянка */
  border-top: 1px solid rgba(255,255,255,0.08);
}

.footer-nav a {
  color: rgba(230,238,248,0.85);
  text-decoration: none;
  transition: 0.3s ease;
  position: relative;
}

.footer-nav a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 2px;
  width: 0%;
  transition: 0.3s ease;
  border-radius: 50px;
}

.footer-nav a:hover {
  transform: scale(1.05);
}

.link-policy:hover {
  color: #00ff99;
  text-shadow: 0 0 8px #00ff99;
}
.link-policy:hover::after {
  width: 100%;
  background: #00ff99;
}

.link-terms:hover {
  color: #ff6600;
  text-shadow: 0 0 8px #ff6600;
}
.link-terms:hover::after {
  width: 100%;
  background: #ff6600;
}

.link-partners:hover {
  color: #3B82F6;
  text-shadow: 0 0 8px #3B82F6;
}
.link-partners:hover::after {
  width: 100%;
  background: #3B82F6;
}

.link-rules:hover {
  color: #ff1a1a;
  text-shadow: 0 0 8px #ff1a1a;
}
.link-rules:hover::after {
  width: 100%;
  background: #ff1a1a;
}

/* 🌈 Плавно движение на фон */
@keyframes bgFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}