/* Yaltiroq qatlam - pv.css dan keyin ulanadi.
   To'q ko'k yuzalarga sayqal, yorug'lik va chuqurlik beradi. Rang o'zgarmaydi. */

/* --- to'q ko'k lavhalar: tepadan yorug', pastga chuqurlashadi --- */
.util,.stats,footer{
  background-image:linear-gradient(176deg,#17293e 0%,#0b1726 42%,#060d17 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.stats{position:relative;overflow:hidden}
/* bir martalik yorug'lik yugurishi */
.stats::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);
  transform:translateX(-70%);
  animation:pv-sayqal 3.4s 1 ease-in-out 1.2s;
}
@keyframes pv-sayqal{to{transform:translateX(70%)}}

/* raqamlar ostidagi oltin chiziq - yupqa yaltirash */
.stats .u{
  background-image:linear-gradient(90deg,rgba(201,167,112,0) 0%,#E4CB9C 50%,rgba(201,167,112,0) 100%);
  width:54px;
}

/* --- tugma: sayqallangan metall --- */
.btn-primary{
  background-image:linear-gradient(180deg,#1b2f46 0%,#0d1a2b 55%,#091321 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(6,13,23,.45);
  transition:box-shadow .25s ease,transform .25s ease;
}
.btn-primary:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 20px rgba(6,13,23,.3);
  transform:translateY(-1px);
}

/* --- oltin matn: yoyilgan yorug'lik --- */
.gold{
  background:linear-gradient(96deg,#B08E55 0%,#E8D3A8 46%,#C9A770 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* --- kartochka: sirtida yumshoq aks --- */
.pc{position:relative;overflow:hidden}
.pc::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(118deg,transparent 46%,rgba(255,255,255,.22) 52%,transparent 58%);
  transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.7,.3,1);
}
.pc:hover::before{transform:translateX(120%)}

/* --- muhr halqasi atrofida nur --- */
.seal .ring{box-shadow:0 0 0 1px rgba(201,167,112,.35),0 0 38px rgba(201,167,112,.22)}

@media (prefers-reduced-motion:reduce){
  .stats::after{animation:none;opacity:0}
  .pc::before{display:none}
  .btn-primary{transition:none}
}