/* İMA — Fernex Media imzası (footer) */
@property --fx-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.footer-credit { padding: 1.6rem 0 2rem; border-top: 1px solid rgba(255,255,255,.06); margin-top: .2rem; text-align: center; }
.footer-credit a.fx-credit {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: .8rem;
  padding: .55rem 1.15rem .55rem .55rem; border-radius: 999px; text-decoration: none;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
  color: #fff; font-size: 1rem; letter-spacing: 0;
  box-shadow: 0 10px 30px -18px rgba(0,0,0,.8);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, background .35s;
}
.footer-credit a.fx-credit::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; z-index: -1;
  background: conic-gradient(from var(--fx-a), rgba(198,162,80,.12) 0deg, #E6CD8C 60deg, rgba(198,162,80,.12) 120deg, rgba(255,255,255,.06) 240deg, rgba(198,162,80,.12) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  animation: fx-don 7s linear infinite;
}
@keyframes fx-don { to { --fx-a: 360deg; } }
.fx-mark {
  width: 36px; height: 36px; flex: none; border-radius: 50%; display: grid; place-items: center;
  font: 800 1.05rem/1 Georgia, "Times New Roman", serif; color: #0A1B33;
  background: linear-gradient(135deg, #F3E2B0 0%, #E6CD8C 30%, #C6A250 62%, #8A6D24 100%);
  box-shadow: 0 6px 18px -6px rgba(198,162,80,.75), inset 0 1px 0 rgba(255,255,255,.55);
}
.fx-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; text-align: left; }
.fx-label { font-size: .6rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: rgba(183,198,218,.62); margin-bottom: .2rem; }
.fx-name {
  font-size: 1.05rem; font-weight: 800; letter-spacing: .03em;
  background: linear-gradient(90deg, #FFFFFF 0%, #E6CD8C 30%, #FFFFFF 50%, #E6CD8C 70%, #FFFFFF 100%);
  background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: fx-isik 6s linear infinite;
}
@keyframes fx-isik { to { background-position: -200% 0; } }
.fx-ok { width: 16px; height: 16px; flex: none; color: #C6A250; opacity: .55; transition: transform .35s cubic-bezier(.2,.7,.2,1), opacity .35s; }
.footer-credit a.fx-credit:hover { transform: translateY(-2px); background: linear-gradient(180deg, rgba(198,162,80,.10), rgba(198,162,80,.03)); box-shadow: 0 18px 44px -18px rgba(198,162,80,.55); }
.footer-credit a.fx-credit:hover .fx-ok { transform: translate(3px,-3px); opacity: 1; }
.footer-credit a.fx-credit:focus-visible { outline: 2px solid #E6CD8C; outline-offset: 4px; }
@media (max-width: 640px) { .footer-credit { padding-bottom: 6rem; } .fx-name { font-size: .98rem; } }
@media (prefers-reduced-motion: reduce) { .footer-credit a.fx-credit::before, .fx-name { animation: none; } }