@media(prefers-reduced-motion:no-preference){
  @keyframes page-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  @keyframes item-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
  @keyframes soft-pulse{0%,100%{box-shadow:0 0 0 4px rgba(23,117,87,.12)}50%{box-shadow:0 0 0 8px rgba(23,117,87,.04)}}
  main>*,.page-head,.pin-card{animation:page-enter .62s cubic-bezier(.2,.8,.2,1) both}
  .stat,.category,.panel,.news,.news-card,.principle,.admin-card,.data-row,.guide-card{animation:item-enter .55s cubic-bezier(.2,.8,.2,1) both}
  .stat:nth-child(2),.category:nth-child(2),.news:nth-child(2),.guide-card:nth-child(2){animation-delay:.06s}
  .stat:nth-child(3),.category:nth-child(3),.news:nth-child(3),.guide-card:nth-child(3){animation-delay:.12s}
  .category:nth-child(4),.guide-card:nth-child(4){animation-delay:.18s}.category:nth-child(5){animation-delay:.24s}.category:nth-child(6){animation-delay:.3s}
  .dot,.pulse{animation:soft-pulse 2.2s ease-in-out infinite}
  .btn,.icon-button,.icon-btn,.domain-button,.admin-button,.tab-button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
  .btn:hover,.admin-button:hover,.domain-button:hover{transform:translateY(-2px)}
  .table-wrap tbody tr{transition:background-color .18s ease,transform .18s ease}.table-wrap tbody tr:hover{transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}