body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #000;
  color: white;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 0;
}

.glass-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.1);
}

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

.animate-fadeIn {
  animation: fadeIn 1s ease forwards;
  opacity: 0;
}

.animation-delay-200 { animation-delay: 0.2s; }
.animation-delay-400 { animation-delay: 0.4s; }

a {
  color: #38bdf8;
  text-decoration: underline;
}

a:hover {
  color: #0ea5e9;
}

ul { padding-left: 1.5rem; }
li { margin-bottom: 0.5rem; }

/* Achtergrond pseudo-element */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(100%) blur(4px) brightness(0.4);
  z-index: -1;
  opacity: 0.9;
  transition: background-image 0.8s ease-in-out;
}