/* ==========================================================================
   IC SAYFALAR (basvuru.html, hesabim.html, yenile.html) — ana sayfanin tasarim dili (23.10.2026)
   style.css'in ustune ince bir tema katmani: yapi, kimlikler ve davranis ayni; yalniz yuzey, tipografi, dugme ve
   ust / alt seritler ana sayfaya (home.css) uydurulur. Form hata stillerine (kirmizi cerceve, aria-invalid) dokunmaz.
   Kapsam: <body class="inner">.
   ========================================================================== */

:root {
  --inner-bg: #f6f5f1;
  --inner-navy: #0b1f4d;
  --inner-muted: #5b6577;
  --inner-line: #e3e5e9;
  --inner-blue: #0f3ba2;
  --inner-blue-2: #1548c8;
  --inner-gold: #ffd000;
  --inner-out: cubic-bezier(0.16, 1, 0.3, 1);
}

html:has(body.inner) {
  background: var(--inner-bg);
}

body.inner {
  background: var(--inner-bg);
  font-family: 'Inter', var(--font-body, system-ui, sans-serif);
}

/* Kayan lokasyon seridi ve yuzen WhatsApp balonu ana sayfada da yok (WhatsApp ust menude ve iletisim cubugunda
   duruyor). Acilis yukleyicisi bu sayfalarin HTML'inden kaldirildi (gizliyken de kaydirmayi kilitliyordu). */
body.inner .top-ticker-bar,
body.inner .whatsapp-float-btn {
  display: none !important;
}

/* Bolum zeminleri sayfa zeminine karissin (sihirbaz bolumunun kendi soguk gri zemini vardi) */
body.inner .wizard-section,
body.inner .hesabim-container,
body.inner .renew-container {
  background: transparent;
}

/* --- Ust serit --- */
body.inner .header {
  background-color: rgba(246, 245, 241, 0.86);
  border-bottom: 1px solid rgba(10, 20, 36, 0.06);
}

body.inner .nav-item a {
  color: var(--inner-muted);
}

body.inner .nav-item a:hover,
body.inner .nav-item a.active {
  color: var(--inner-navy);
}

body.inner .nav-item a::after {
  background: var(--inner-navy);
}

body.inner .nav-cta {
  background: linear-gradient(180deg, var(--inner-blue-2) 0%, var(--inner-blue) 58%, #0a2c7d 100%);
  color: #ffffff !important;
  border-radius: 999px;
  padding: 0.65rem 1.3rem !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 10px 22px -12px rgba(15, 59, 162, 0.6);
}

body.inner .nav-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.07);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 16px 28px -14px rgba(15, 59, 162, 0.7);
}

@media (max-width: 768px) {
  body.inner .nav-menu {
    background-color: #ffffff;
    border-bottom: 1px solid var(--inner-line);
    box-shadow: 0 18px 40px -20px rgba(10, 20, 36, 0.35);
  }

  body.inner .nav-item a {
    color: var(--inner-navy);
  }
}

/* --- Kartlar --- */
body.inner .wizard-card {
  background: #ffffff;
  border: 1px solid var(--inner-line);
  border-radius: 20px;
  box-shadow:
    0 1px 2px rgba(10, 20, 36, 0.04),
    0 20px 44px -22px rgba(10, 20, 36, 0.22);
}

body.inner .wizard-progress {
  background: #fafaf8;
  border-bottom-color: var(--inner-line);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* Adim gostergesi: etkin adim mavi daire + altin halka (ana sayfadaki mavi aksiyon + sari nokta) */
body.inner .step-indicator.active .step-circle {
  border-color: var(--inner-blue);
  background: var(--inner-blue);
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(255, 208, 0, 0.45);
}

body.inner .step-indicator.active .step-label {
  color: var(--inner-navy);
}

body.inner .progress-bar-fill {
  background: var(--inner-blue);
}

body.inner .wizard-card h1,
body.inner .wizard-card h2,
body.inner .wizard-card h3 {
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.025em;
  color: var(--inner-navy);
}

/* --- Dugmeler --- */
body.inner .btn {
  border-radius: 14px;
  font-family: 'Inter', sans-serif;
  letter-spacing: -0.01em;
}

body.inner .btn-primary {
  background: linear-gradient(180deg, var(--inner-blue-2) 0%, var(--inner-blue) 58%, #0a2c7d 100%);
  color: #ffffff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 12px 24px -12px rgba(15, 59, 162, 0.6);
}

body.inner .btn-primary:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.07);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 18px 32px -14px rgba(15, 59, 162, 0.7);
}

body.inner .btn-primary:active:not(:disabled) {
  transform: translateY(0) scale(0.985);
}

body.inner .btn-secondary {
  background: #ffffff;
  border: 1px solid var(--inner-line);
  color: var(--inner-navy);
}

body.inner .btn-secondary:hover {
  background: #ffffff;
  border-color: rgba(15, 59, 162, 0.3);
  color: var(--inner-blue);
  box-shadow: 0 8px 18px -10px rgba(15, 59, 162, 0.35);
}

/* --- Form alanlari: yalniz kose ve odak halkasi (hata cercevesi ve renkleri style.css / sayfa stillerinde kalir) --- */
body.inner .wizard-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.inner .wizard-form select,
body.inner .wizard-form textarea,
body.inner .wizard-form .custom-select-trigger,
body.inner #hesabim-step-phone input,
body.inner .renew-container .custom-select-trigger {
  border-radius: 12px;
}

body.inner .wizard-form input:not([type="checkbox"]):not([type="radio"]):focus:not([aria-invalid="true"]),
body.inner .wizard-form select:focus:not([aria-invalid="true"]),
body.inner .wizard-form textarea:focus:not([aria-invalid="true"]),
body.inner #hesabim-step-phone input:focus:not([aria-invalid="true"]) {
  box-shadow: 0 0 0 4px rgba(15, 59, 162, 0.1);
}

/* --- Alt bilgi: koyu blok yerine ana sayfadaki gibi sade satir --- */
body.inner .footer {
  background: transparent;
  color: #7b8494;
  border-top: 1px solid rgba(10, 20, 36, 0.06);
  padding: 1.5rem 0 1.75rem;
}

body.inner .footer .footer-bottom {
  color: #7b8494;
}

body.inner .footer a {
  color: #7b8494;
}

body.inner .footer a:hover {
  color: var(--inner-navy);
}

/* --- Mobil alt iletisim cubugu: sari blok yerine beyaz, ince ust cizgi (ana sayfadaki destek dugmeleriyle ayni dil) --- */
body.inner .contact-mobile-bar {
  background: rgba(255, 255, 255, 0.96);
  border-top: 1px solid var(--inner-line);
  box-shadow: 0 -10px 28px -18px rgba(10, 20, 36, 0.35);
}

body.inner .contact-mobile-bar-item {
  color: var(--inner-navy);
}

body.inner .contact-mobile-bar-item:active {
  background: #f1f3f6;
}

/* ==========================================================================
   GORSEL ANLAR (23.10.2026): canli plaka onizlemesi, basari ani, Hesabim dijital abonelik karti.
   Kutuphanesiz. Hareketi azalt acikken animasyonlar kapanir; her ogenin varsayilan gorunumu son karedir.
   ========================================================================== */

/* --- 1. Canli plaka onizlemesi (basvuru 2. adim) --- */
/* Onizleme izgarada tam satir; "dense" ile plakanin yanindaki hucre (marka / model) bos kalmaz. */
body.inner .form-grid:has(> .plate-preview) {
  grid-auto-flow: row dense;
}

body.inner .plate-preview {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 0.75rem;
  border: 1px solid var(--inner-line);
  border-radius: 16px;
  background: #fbfbf9;
}

body.inner .plate-preview-cam {
  --pp-corner: rgba(255, 255, 255, 0.7);
  position: relative;
  flex: 0 0 auto;
  width: 290px;
  height: 96px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  overflow: hidden;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at 50% 45%, #233046 0%, #0d1522 78%);
}

/* Vizor koseleri: tek katmanda dort L */
body.inner .plate-preview-cam::before {
  content: '';
  position: absolute;
  inset: 10px;
  pointer-events: none;
  background:
    linear-gradient(var(--pp-corner), var(--pp-corner)) top left / 16px 2px,
    linear-gradient(var(--pp-corner), var(--pp-corner)) top left / 2px 16px,
    linear-gradient(var(--pp-corner), var(--pp-corner)) top right / 16px 2px,
    linear-gradient(var(--pp-corner), var(--pp-corner)) top right / 2px 16px,
    linear-gradient(var(--pp-corner), var(--pp-corner)) bottom left / 16px 2px,
    linear-gradient(var(--pp-corner), var(--pp-corner)) bottom left / 2px 16px,
    linear-gradient(var(--pp-corner), var(--pp-corner)) bottom right / 16px 2px,
    linear-gradient(var(--pp-corner), var(--pp-corner)) bottom right / 2px 16px;
  background-repeat: no-repeat;
}

body.inner .plate-preview.is-valid .plate-preview-cam {
  --pp-corner: #34d399;
}

body.inner .plate-preview-rec {
  position: absolute;
  top: 9px;
  right: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ef4444;
  box-shadow: 0 0 6px rgba(239, 68, 68, 0.8);
  animation: ppRec 1.6s ease-in-out infinite;
}

@keyframes ppRec {
  50% { opacity: 0.25; }
}

body.inner .plate-preview-plate {
  display: flex;
  align-items: stretch;
  width: min(236px, calc(100% - 28px));
  height: 50px;
  background: linear-gradient(180deg, #ffffff 0%, #eef0f3 100%);
  border: 2px solid #111827;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 6px 16px -6px rgba(0, 0, 0, 0.6);
  transition: box-shadow 0.3s ease;
}

body.inner .plate-preview.is-valid .plate-preview-plate {
  box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.45), 0 6px 16px -6px rgba(0, 0, 0, 0.6);
}

body.inner .plate-preview-band,
body.inner .success-plate-band {
  flex: 0 0 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 5px;
  background: #003399;
  color: #ffffff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

body.inner .plate-preview-text {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
  white-space: pre;
  font-family: 'Inter', sans-serif;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #0b0f17;
}

body.inner .plate-preview-text > span {
  display: inline-block;
}

body.inner .plate-preview-text > .is-new {
  animation: ppPop 0.28s var(--inner-out);
}

@keyframes ppPop {
  from { opacity: 0; transform: translateY(5px) scale(0.7); }
}

body.inner .plate-preview.is-empty .plate-preview-text {
  color: #c3c9d3;
}

body.inner .plate-preview-scan {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 10px;
  height: 2px;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #34d399 20%, #a7f3d0 50%, #34d399 80%, transparent);
  box-shadow: 0 0 12px 2px rgba(52, 211, 153, 0.55);
}

body.inner .plate-preview.is-valid .plate-preview-scan {
  animation: ppScan 1s ease-in-out 1;
}

@keyframes ppScan {
  0% { opacity: 0; transform: translateY(0); }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translateY(74px); }
}

body.inner .plate-preview-info {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

body.inner .plate-preview-title {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--inner-navy);
}

body.inner .plate-preview-desc {
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--inner-muted);
}

body.inner .plate-preview-status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.3rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #8a93a3;
}

body.inner .plate-preview.is-valid .plate-preview-status {
  color: #047857;
}

body.inner .plate-preview.is-valid .plate-preview-status::before {
  content: '✓';
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #10b981;
  color: #ffffff;
  font-size: 10px;
  font-weight: 800;
}

@media (max-width: 640px) {
  body.inner .plate-preview {
    flex-direction: column;
    align-items: stretch;
  }

  body.inner .plate-preview-cam {
    width: 100%;
  }
}

/* --- 2. Basari ani (basvuru 6. adim) --- */
body.inner .success-gate {
  display: flex;
  justify-content: center;
  margin: -0.5rem auto 1.25rem;
}

body.inner .success-gate-svg {
  width: min(220px, 64vw);
  height: auto;
  overflow: visible;
}

body.inner .success-gate-glow {
  fill: rgba(16, 185, 129, 0.12);
  transform-box: fill-box;
  transform-origin: center;
}

body.inner .success-gate-ring {
  fill: #ffffff;
  stroke: #10b981;
  stroke-width: 4;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  transform-box: fill-box;
  transform-origin: center;
  transform: rotate(-90deg);
}

body.inner .success-gate-check {
  fill: none;
  stroke: #10b981;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}

body.inner .success-gate-post {
  fill: var(--inner-navy);
}

body.inner .success-gate-base {
  fill: #1f2a44;
}

body.inner .success-gate-pivot {
  fill: var(--inner-gold);
  stroke: var(--inner-navy);
  stroke-width: 2;
}

/* Kol mentesi (30, 116); son karede kalkik */
body.inner .success-gate-arm {
  transform-box: view-box;
  transform-origin: 30px 116px;
  transform: rotate(-80deg);
}

body.inner .success-gate-arm-edge {
  fill: none;
  stroke: rgba(10, 20, 36, 0.35);
  stroke-width: 1;
}

/* Bilet: ust kisimda plaka + otopark, kesik cizgi ve kertikler, altta takip numarasi */
body.inner .application-badge {
  position: relative;
  border: none;
  border-radius: 18px;
  padding: 1.25rem 1.75rem 1.35rem;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(96, 165, 250, 0.32) 0%, transparent 55%),
    linear-gradient(135deg, #0b1f4d 0%, #123a8c 62%, #1d4ed8 100%);
  box-shadow: 0 26px 50px -26px rgba(11, 31, 77, 0.65);
}

body.inner .success-ticket-top {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 2px dashed rgba(255, 255, 255, 0.22);
}

body.inner .success-ticket-top::before,
body.inner .success-ticket-top::after {
  content: '';
  position: absolute;
  bottom: -11px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
}

body.inner .success-ticket-top::before {
  left: calc(-1.75rem - 10px);
}

body.inner .success-ticket-top::after {
  right: calc(-1.75rem - 10px);
}

body.inner .success-ticket-top:has(#success-plate:empty) {
  display: none;
}

body.inner .success-plate {
  display: inline-flex;
  align-items: stretch;
  height: 46px;
  background: linear-gradient(180deg, #ffffff 0%, #eef0f3 100%);
  border: 2px solid #0b0f17;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.6);
}

body.inner #success-plate {
  display: flex;
  align-items: center;
  padding: 0 0.95rem;
  font-family: 'Inter', sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #0b0f17;
  white-space: nowrap;
}

body.inner .success-park {
  font-size: 0.82rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

body.inner .success-park:empty {
  display: none;
}

/* Oynatma: kol kalkar -> halka ve onay cizilir -> bilet oturur. "both": gecikme boyunca ilk kare. */
body.inner .success-screen.is-playing .success-gate-arm {
  animation: sgArm 0.85s cubic-bezier(0.34, 1.3, 0.5, 1) 0.25s both;
}

body.inner .success-screen.is-playing .success-gate-glow {
  animation: sgGlow 0.9s ease-out 0.75s both;
}

body.inner .success-screen.is-playing .success-gate-ring {
  animation: sgDraw 0.6s ease-out 0.75s both;
}

body.inner .success-screen.is-playing .success-gate-check {
  animation: sgDraw 0.35s ease-out 1.25s both;
}

body.inner .success-screen.is-playing .success-heading,
body.inner .success-screen.is-playing .success-lead {
  animation: sgUp 0.55s var(--inner-out) 0.45s both;
}

body.inner .success-screen.is-playing .application-badge {
  animation: sgTicket 0.75s cubic-bezier(0.2, 0.9, 0.25, 1.15) 1.3s both;
}

body.inner .success-screen.is-playing .success-alert-card {
  animation: sgUp 0.55s var(--inner-out) 1.65s both;
}

@keyframes sgArm {
  from { transform: rotate(0deg); }
}

@keyframes sgGlow {
  from { opacity: 0; transform: scale(0.5); }
  60% { opacity: 1; transform: scale(1.12); }
}

@keyframes sgDraw {
  from { stroke-dashoffset: 1; }
}

@keyframes sgUp {
  from { opacity: 0; transform: translateY(10px); }
}

@keyframes sgTicket {
  from { opacity: 0; transform: translateY(22px) rotate(-2deg) scale(0.96); }
}

/* --- 3. Hesabim dijital abonelik karti --- */
body.inner .hesabim-card {
  border-color: var(--inner-line);
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(10, 20, 36, 0.04), 0 16px 34px -26px rgba(10, 20, 36, 0.4);
}

/* Bant kartin ust kenarina tasar (kart dolgusu kadar negatif kenar bosluklu) */
body.inner .hesabim-pass {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 1rem;
  margin: -1rem -1.1rem 1rem;
  padding: 1.1rem 1.25rem 1.15rem;
  border-radius: 17px 17px 0 0;
  color: #ffffff;
  background:
    radial-gradient(110% 150% at 100% 0%, rgba(96, 165, 250, 0.32) 0%, transparent 55%),
    linear-gradient(135deg, #0b1f4d 0%, #123a8c 62%, #1d4ed8 100%);
}

body.inner .hesabim-pass:has(.hesabim-pass-halka--bitti) {
  background: linear-gradient(135deg, #252b3a 0%, #3b4357 100%);
}

/* Cuzdan karti dokusu: sagda soluk iri halka */
body.inner .hesabim-pass::before {
  content: '';
  position: absolute;
  z-index: -1;
  right: -46px;
  top: -70px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 30px solid rgba(255, 255, 255, 0.045);
  pointer-events: none;
}

/* Parilti: fareyle uzerine gelince bir kez gecer; oturumun ilk ciziminde de bir kez */
body.inner .hesabim-pass::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.16) 46%, rgba(255, 255, 255, 0.04) 54%, transparent 70%);
  transform: translateX(-110%);
}

@media (prefers-reduced-motion: no-preference) {
  body.inner .hesabim-pass--giris::after {
    animation: passShine 1.3s var(--inner-out) 0.35s 1 backwards;
  }

  body.inner .hesabim-pass--giris .hesabim-pass-dolu {
    animation: passRing 1.1s var(--inner-out) 0.2s both;
  }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.inner .hesabim-pass:hover::after {
    transform: translateX(110%);
    transition: transform 1s var(--inner-out);
  }
}

@keyframes passShine {
  from { transform: translateX(-110%); }
  to { transform: translateX(110%); }
}

@keyframes passRing {
  from { stroke-dasharray: 0 100; }
}

body.inner .hesabim-pass-sol {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
}

body.inner .hesabim-pass-park {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.74);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.inner .hesabim-pass-satir {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
}

body.inner .hesabim-pass .col-plate {
  font-size: 1.15rem;
  padding: 0.3rem 0.75rem 0.3rem 1.85rem;
  border-color: #0b0f17;
  box-shadow: 0 8px 18px -8px rgba(0, 0, 0, 0.6);
}

body.inner .hesabim-pass .col-plate::before {
  width: 1.35rem;
}

/* Rozetlerin yari saydam zemini koyu bantta okunmuyordu: bant icinde beyaz zemin, renkli yazi ayni */
body.inner .hesabim-pass .status-badge {
  background: #ffffff;
  border-color: transparent;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.5);
}

body.inner .hesabim-pass-halka {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
}

body.inner .hesabim-pass-halka svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

body.inner .hesabim-pass-iz {
  fill: none;
  stroke: rgba(255, 255, 255, 0.16);
  stroke-width: 4;
}

body.inner .hesabim-pass-dolu {
  fill: none;
  stroke: var(--inner-gold);
  stroke-width: 4;
  stroke-linecap: round;
}

body.inner .hesabim-pass-halka--az .hesabim-pass-dolu {
  stroke: #fb923c;
}

body.inner .hesabim-pass-halka--bitti .hesabim-pass-iz {
  stroke: rgba(248, 113, 113, 0.55);
}

body.inner .hesabim-pass-gun {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}

body.inner .hesabim-pass-gun b {
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.inner .hesabim-pass-gun small {
  margin-top: 2px;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

body.inner .hesabim-pass-halka--bitti .hesabim-pass-gun small {
  color: #fca5a5;
}

/* --- Hareketi azalt: animasyon yok, her oge son karede --- */
@media (prefers-reduced-motion: reduce) {
  body.inner .plate-preview-rec,
  body.inner .plate-preview-text > .is-new,
  body.inner .plate-preview.is-valid .plate-preview-scan,
  body.inner .success-screen.is-playing *,
  body.inner .hesabim-pass::after {
    animation: none !important;
    transition: none !important;
  }
}