/* Reset și structură de bază */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Containerul intro */
#intro {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100vh;
  background: #191919; /* Schimbat din #FFF (Alb) în negru/gri închis */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: all 1s ease-in-out;
  /*transition: all 2s ease-in-out; */
}

/* Logo-ul */
#intro img {
  width: 35%;
  height: auto;
  transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out;
  /* transition: transform 2s ease-in-out, opacity 2s ease-in-out; */
}

/* Efectul de zoom și dispariție */
#intro.zoom-out {
  opacity: 0;
  pointer-events: none;
}

#intro.zoom-out img {
  transform: scale(10);
  opacity: 0;
}

/* Conținutul principal */
main {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

main.show {
  opacity: 1;
}