Dev paneli Apple hareket diliyle yenilendi; animasyon ve UX düzeltmeleri

- Dev paneli: DEV çipinden layoutId morph ile büyüyüp küçülür (kritik sönümlü
  spring), yarı saydam malzeme (backdrop-blur + saturate), basışta anında
  scale geri bildirimi, Escape ile kapanış, reduced-motion/transparency desteği
- TypingAnimation ve TextLoop: prefers-reduced-motion'da sonsuz döngü durur,
  ilk metin sabit gösterilir
- kt-unblur: reduced-motion'da blur çözülmesi yerine kısa yumuşak belirme
- Sihirbaz: reduced-motion'da adım geçişinde height/x anında oturur;
  adım noktalarında transition-all yerine kapsamlı geçiş özellikleri
- Sihirbaz il adımındaki arama kutusu kaldırıldı; tüm iller program sayısına
  göre sıralı çip olarak listelenir
- /giris: spinner yerine kartın iskeletini gösteren route-level Skeleton

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/app/giris/loading.tsx

@@ -0,0 +1,39 @@
+import { Skeleton } from "@/components/ui/skeleton";
+
+// /giris açılırken spinner yerine sayfanın kendi iskeleti: kart, başlık,
+// Google butonu, ayraç, e-posta alanı ve gönder butonu aynı yerde belirir —
+// içerik gelince zıplama olmaz.
+export default function GirisLoading() {
+  return (
+    <div className="flex min-h-screen flex-col bg-slate-50">
+      <main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-4 py-16">
+        <div className="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
+          {/* Başlık + alt metin */}
+          <Skeleton className="h-8 w-40" />
+          <Skeleton className="mt-3 h-4 w-full" />
+          <Skeleton className="mt-1.5 h-4 w-2/3" />
+
+          {/* Google ile devam et */}
+          <Skeleton className="mt-6 h-11 w-full rounded-lg" />
+
+          {/* "veya" ayracı */}
+          <div className="mt-4 flex items-center gap-3">
+            <Skeleton className="h-px flex-1" />
+            <Skeleton className="h-3 w-8" />
+            <Skeleton className="h-px flex-1" />
+          </div>
+
+          {/* E-posta alanı + gönder butonu */}
+          <Skeleton className="mt-4 h-11 w-full rounded-lg" />
+          <Skeleton className="mt-3 h-11 w-full rounded-lg" />
+        </div>
+
+        {/* Kart altındaki yasal metin */}
+        <div className="mt-6 flex flex-col items-center gap-1.5">
+          <Skeleton className="h-3 w-3/4" />
+          <Skeleton className="h-3 w-1/2" />
+        </div>
+      </main>
+    </div>
+  );
+}

src/app/globals.css

@@ -144,6 +144,23 @@
   animation: kt-unblur 0.9s ease-out both;
 }
 
+/* Hareket azaltılmışsa blur çözülmesi yerine kısa, yumuşak bir belirme:
+   kavramayı sağlayan geri bildirim kalır, gösterişli efekt düşer. */
+@media (prefers-reduced-motion: reduce) {
+  .kt-unblur {
+    animation: kt-unblur-sade 0.25s ease-out both;
+  }
+}
+
+@keyframes kt-unblur-sade {
+  from {
+    opacity: 0.6;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 @layer base {
   * {
     @apply border-border outline-ring/50;