body {
  background-color: transparent;
  font-family: 'Segoe UI', sans-serif;
  color: #f5f5f5;
}

.fade-in-up {
  animation: fadeInUp 0.8s ease-out;
}

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

.has-text-accent {
  color: #3a5a40;
}

.button.is-accent {
  background-color: #2F5249;
  color: #fff;
  border: none;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.button.is-accent:hover {
  background-color: #3a5a40;
  box-shadow: 0 4px 12px rgba(47, 82, 73, 0.6);
}

.animated-button {
  animation: pulse 1.2s ease-in-out infinite alternate;
}

@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.02);
  }
}

input {
  background-color: #1f1f1f;
  border: 1px solid #3a5a40;
  color: #f5f5f5;
  transition: box-shadow 0.3s ease;
}

input:focus {
  border-color: #3a5a40;
  box-shadow: 0 0 0 0.125em rgba(58, 90, 64, 0.4);
}

.links-fade a {
  color: #aaa;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.links-fade a:hover {
  color: #3a5a40;
}