html {
  scroll-behavior: smooth;
}
* {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
a, button {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.rounded-ios {
  border-radius: 22.5%;
}
@keyframes fade-in {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fade-in 0.8s ease forwards;
}
.animation-delay-500 {
  animation-delay: 0.5s;
}
/* Dark Mode */
@media (prefers-color-scheme: dark) {

  .btn-download {
    background-color: #ffffff !important;
    color: #000000 !important;
  }
  .btn-download:hover {
    opacity: 0.85;
  }
  .arrow-down {
    color: #000000;
  }
  @media (prefers-color-scheme: dark) {
    .arrow-down {
      color: #ffffff;
    }
  }
}
@media (prefers-color-scheme: light) {

  .btn-download {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  .btn-download:hover {
    opacity: 0.85;
  }
  .arrow-down {
    color: #000000;
  }
  }

  .lang-active {
    background-color: #2563eb !important;
    color: #ffffff !important;
  }

  /* Анимация модального окна */
  .modal-fade {
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: scale(0.95);
  }

  .modal-fade.show {
    opacity: 1;
    transform: scale(1);
  }

  .desc {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
  }

  .desc.show {
    max-height: 300px;
    opacity: 1;
    padding-top: 0.5rem;
  }