html {
  scroll-behavior: smooth;
}

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

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

.notif-enter { animation: slideDown 0.5s ease forwards; }
.notif-exit  { animation: slideUp  0.5s ease forwards; }

.faq-answer { display: none; }
.faq-answer.open { display: block; }

.faq-icon { transition: transform 0.2s; }
.faq-item.open .faq-icon { transform: rotate(180deg); }

.btn-hover { transition: transform 0.2s, background-color 0.2s; }
.btn-hover:hover { transform: scale(1.05); }