:root{--motion-time:550ms;--motion-ease:cubic-bezier(.22,.72,.2,1)}
.sponsor-card,.nav a,.about-button,.support-toggle,.close-modal,.intro-skip{transition:transform 220ms var(--motion-ease),border-color 220ms ease,box-shadow 220ms ease,background-color 220ms ease}
.animated .topbar,.animated .hero,.animated .featured-banner{animation:soft-arrival var(--motion-time) var(--motion-ease) backwards}
.animated .sponsor-card{animation:card-rise var(--motion-time) var(--motion-ease) backwards;animation-delay:calc(var(--order,0)*45ms)}
.animated #vip .sponsor-card{animation-name:card-focus}
.animated #guvenilir .sponsor-card{animation-name:card-glide}
.animated :is(#ana,#vip,#guvenilir) .sponsor-card:hover{transform:translateY(-5px);border-color:var(--site-accent);box-shadow:0 12px 28px #0003,0 0 20px color-mix(in srgb,var(--site-accent) 18%,transparent)}
.sponsor-card:focus-visible,.nav a:focus-visible,button:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}
.media-modal[open],.support-panel:not([hidden]){animation:panel-arrival 250ms var(--motion-ease) backwards}
.media-modal::backdrop{animation:veil-arrival 250ms ease backwards}
.intro-screen{transition:opacity 350ms ease}.intro-out{opacity:0}
@keyframes soft-arrival{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes card-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes card-focus{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}
@keyframes card-glide{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes panel-arrival{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes veil-arrival{from{opacity:0}to{opacity:1}}
body:not(.animated) :is(.sponsor-card,.hero,.topbar,.featured-banner){animation:none!important}
body:not(.animated) .sponsor-card:hover{transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sponsor-card:hover{transform:none!important}}