/* ==========================================================
   Abdullah Kaveloğlu — Orijinallik Sertifika Kartı (85,6 × 54 mm)
   Kartın zemini ve süsleri hazır görseldir (assets/img/sertifika-on.jpg, sertifika-arka.jpg);
   yalnızca eser kodu (ön) ve güvenlik kodu (arka) her kart için metin olarak üstüne yazılır.
   Kart 1600 × 1009 px tasarım ölçüsünde çizilir ve bulunduğu kaba ölçeklenir (.akc-fit).
   Sınıflar "akc-" önekiyle site stillerinden ayrılmıştır.
   ========================================================== */
.akc-fit { position: relative; width: 100%; aspect-ratio: 1600 / 1009; border-radius: 2.9% / 4.6%; overflow: hidden; }
.akc {
  --gold-2: #f1d78e;
  position: absolute; top: 0; left: 0; width: 1600px; height: 1009px; border-radius: 46px; overflow: hidden;
  transform-origin: 0 0; transform: scale(var(--akc-s, .25));
  background: #1b100a;
  font-family: 'Jost', sans-serif; font-weight: 500; line-height: 1; color: #ecd08a; text-align: left;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.akc *, .akc *::before, .akc *::after { box-sizing: border-box; }
.akc img { max-width: none; }
.akc-art { position: absolute; inset: 0; width: 1600px; height: 1009px; display: block; }

/* Eser kodu (ön yüz, alt ortada) ve güvenlik kodu (arka yüz, kutunun içinde): 16 hane / 3 hane */
.akc-no, .akc-pin { position: absolute; left: 0; right: 0; text-align: center; white-space: nowrap; color: #ecd08a; }
.akc-no { top: 899px; font-size: 48px; letter-spacing: 7px; padding-left: 7px; }
.akc-pin { top: 657px; font-size: 52px; letter-spacing: 16px; padding-left: 16px; }

/* Tanıtım kartında örnek alanları vurgula */
.akc--demo .akc-hl { position: relative; }
.akc--demo .akc-hl::after { content: ''; position: absolute; inset: -6px -22px; border: 2px solid var(--gold-2); border-radius: 12px; box-shadow: 0 0 0 6px rgba(241, 215, 142, .12); animation: akcPulse 2.4s ease-in-out infinite; pointer-events: none; }
@keyframes akcPulse { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .akc--demo .akc-hl::after { animation: none; opacity: .8; } }