@media (prefers-reduced-motion:no-preference){
  @keyframes page-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
  @keyframes row-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
  @keyframes artwork-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
  @keyframes chart-draw{to{stroke-dashoffset:0}}
  @keyframes donut-enter{from{opacity:.65;transform:scale(.94) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(0)}}

  .page{animation:page-enter .22s cubic-bezier(.2,.7,.25,1) both}
  .page>.hero,.page>.page-heading,.page>.steps{animation:row-enter .24s ease-out both}
  .page>.layout-main-side,.page>.layout-2,.page>.layout-3,.page>.profile-grid{animation:row-enter .26s ease-out .06s both}
  .page>.stat-grid>*,.page>.appeal-stat-grid>*{animation:row-enter .2s ease-out both}
  .stat-grid>*:nth-child(2),.appeal-stat-grid>*:nth-child(2){animation-delay:.04s}
  .stat-grid>*:nth-child(3),.appeal-stat-grid>*:nth-child(3){animation-delay:.07s}
  .stat-grid>*:nth-child(4),.appeal-stat-grid>*:nth-child(4){animation-delay:.1s}
  .task-hall-row,.task-card,.appeal-record-row,.message{animation:row-enter .2s ease-out both}
  .task-hall-row:nth-child(2),.task-card:nth-child(2){animation-delay:.04s}
  .task-hall-row:nth-child(3),.task-card:nth-child(3){animation-delay:.08s}
  .hero-symbol{animation:artwork-float 6s ease-in-out infinite}
  .chart svg path:nth-of-type(2){stroke-dasharray:1000;stroke-dashoffset:1000;animation:chart-draw 1.1s cubic-bezier(.25,.65,.35,1) .12s forwards}
  .donut{animation:donut-enter .45s ease-out both}
  .progress i,.progress-track span{transition:width .55s cubic-bezier(.2,.7,.25,1)}
  .button,.nav-item,.segment,.link-button,.header-icon,.icon-button,.platform-choice,.content-choice,.radio-option,.faq-item{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
  .button:hover,.task-hall-row>.button:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(28,101,220,.16)}
  .button:active{transform:translateY(0) scale(.98)}
  .panel,.stat-card,.task-card,.task-hall-row,.advisor-card,.appeal-stat{transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}
  .task-hall-row:hover,.task-card:hover,.advisor-card:hover,.appeal-stat:hover{transform:translateY(-2px);border-color:#d5e4fb;box-shadow:0 7px 20px rgba(42,102,185,.12)}
  .file-drop{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
  .file-drop:hover{background:#eff6ff;border-color:#5d9df5;box-shadow:inset 0 0 0 1px #5d9df533}
  :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #75aaff;outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}