/* ÇİFTCİLER YAZILIM signature: plain black text on a white tag, readable on light and dark pages. */
.credit {
  display: inline-flex; flex-direction: column; align-items: center;
  padding: 6px 14px; border-radius: 10px;
  background: #fff; border: 1px solid #e5e7ec;
  color: #000; text-decoration: none; text-align: center; line-height: 1.3;
  font-family: "Roboto", system-ui, sans-serif;
}
.credit-brand { font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.credit-sub { font-size: 11px; white-space: nowrap; }

/* Shown once per visitor at the top of the page. */
.credit-intro {
  position: fixed; top: 14px; left: 50%; z-index: 2000;
  display: flex; flex-direction: column; align-items: center;
  width: max-content; max-width: calc(100% - 24px);
  padding: 12px 22px; border-radius: 14px;
  background: #fff; color: #000; border: 1px solid #e5e7ec;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
  transform: translate(-50%, -140%); opacity: 0;
  transition: transform .5s cubic-bezier(.2, 1.3, .4, 1), opacity .4s;
  cursor: pointer; text-align: center; line-height: 1.35;
  font-family: "Roboto", system-ui, sans-serif;
}
.credit-intro.show { transform: translate(-50%, 0); opacity: 1; }
.credit-intro strong { font-size: 16px; font-weight: 900; letter-spacing: .12em; white-space: nowrap; }
.credit-intro small { font-size: 13px; white-space: nowrap; }