/* GLOBAL / BASE */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #0b0b0b;
  color: #fff;

  opacity: 0;
  transition: opacity 0.4s ease;
  animation: fadeIn 0.8s ease-in;
}

body.loaded {
  opacity: 1;
}

body.modal-open {
  overflow: hidden;
}

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

section {
  padding: 40px;
  max-width: 1200px;
  margin: auto;
}

h1, h2 {
  text-align: center;
}

h2 {
  margin-bottom: 20px;
}