/* SinUp Digital imzası — müşteri sitelerinin alt bilgisinde kullanılır.
   Rengi bulunduğu yerden alır (currentColor); U her zaman marka turkuazıdır.
   Hareket: önce U çizilir, ardından ok hızla geçer ve ucunda kısa bir parıltı bırakır. */
.sinup-imza { display: inline-flex; align-items: center; gap: .55em; color: inherit; font: inherit; text-decoration: none; white-space: nowrap; }
.sinup-imza .si-m { width: 1.75em; height: 1.75em; flex-shrink: 0; overflow: visible; }
.sinup-imza .si-u, .sinup-imza .si-k { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.sinup-imza .si-u { stroke: url(#si-g); stroke-width: 6.5; stroke-dasharray: 80; stroke-dashoffset: 80; }
.sinup-imza .si-k { stroke: currentColor; stroke-width: 4.2; stroke-dasharray: 64; stroke-dashoffset: 64; }
.sinup-imza .si-p { fill: #46d0d6; opacity: 0; transform-box: fill-box; transform-origin: center; }
.sinup-imza.is-in .si-u { animation: si-ciz .8s cubic-bezier(.22, .68, 0, 1) forwards; }
.sinup-imza.is-in .si-k { animation: si-ciz .3s cubic-bezier(.6, 0, .2, 1) .72s forwards; }
.sinup-imza.is-in .si-p { animation: si-parla .7s ease-out 1s; }
.sinup-imza .si-t { position: relative; }
.sinup-imza .si-t b { font-weight: 600; }
.sinup-imza .si-t::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: linear-gradient(90deg, #2a8fa6, #46d0d6); transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.22, .68, 0, 1); }
.sinup-imza:hover .si-t::after, .sinup-imza:focus-visible .si-t::after { transform: scaleX(1); }
@keyframes si-ciz { to { stroke-dashoffset: 0; } }
@keyframes si-parla { 0% { opacity: .95; transform: scale(.3); } 100% { opacity: 0; transform: scale(3.2); } }
@media (prefers-reduced-motion: reduce) {
  .sinup-imza .si-u, .sinup-imza .si-k { stroke-dashoffset: 0; animation: none !important; }
  .sinup-imza .si-p { display: none; }
}
