.footer-glass {
  background: rgba(15, 15, 30, 0.85);
  backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.text-glow {
  color: #ffffff;
  text-shadow: 0 0 5px #0ff, 0 0 15px #0ff;
}

.footer-input {
  background-color: #111;
  border: 1px solid #444;
  color: #eee;
  transition: all 0.3s ease-in-out;
}
.footer-input:focus {
  border-color: #0ff;
  box-shadow: 0 0 10px #0ff;
  background-color: #000;
  color: #fff;
}

.footer-btn {
  background: linear-gradient(135deg, #1d8cf8, #3358f4);
  color: white;
  border: none;
  transition: 0.4s ease-in-out;
  border-radius: 5px;
}
.footer-btn:hover {
  background: linear-gradient(135deg, #0ff, #3a86ff);
  box-shadow: 0 0 10px #0ff;
}

.footer-link {
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-link:hover {
  color: #0ff;
}

.footer-icon {
  font-size: 1.4rem;
  color: #bbb;
  margin-right: 12px;
  transition: transform 0.3s, color 0.3s;
}
.footer-icon:hover {
  transform: scale(1.2);
  color: #0ff;
}

.animate-fade-in {
  animation: fadeInUp 1s ease-in-out both;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pulse-heart {
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}