/* Habbom CMS — animations des pages : apparition en cascade, survols vivants */
@media (prefers-reduced-motion: no-preference) {
  .wrap > * { animation: hbMonte .5s cubic-bezier(.2,.9,.25,1) both; }
  .wrap > *:nth-child(2) { animation-delay: .05s; }
  .wrap > *:nth-child(3) { animation-delay: .1s; }
  .wrap > *:nth-child(4) { animation-delay: .15s; }
  .wrap > *:nth-child(5) { animation-delay: .2s; }
  .wrap > *:nth-child(n+6) { animation-delay: .25s; }
  .btn { transition: transform .15s, filter .15s, box-shadow .15s; }
  .btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
  .btn:active { transform: translateY(0) scale(.98); }
  .tabs a { transition: color .2s, background .2s; }
  .flash { animation: hbFlash .4s cubic-bezier(.2,.9,.3,1.3) both; }
}
@keyframes hbMonte { from { opacity: 0; transform: translateY(16px); } }
@keyframes hbFlash { from { opacity: 0; transform: scale(.96); } }