/* Logo beranda: tegak lurus, bertebal (lapisan bergeser) dengan kilau cahaya yang menyapu huruf. Tanpa gerakan kartu. */
.logo-card.l3{background:linear-gradient(145deg,#fff 0%,#F3F6FC 100%)}
.l3-stack{position:relative}
.l3-stack img{display:block;width:100%;height:auto}
.l3-stack .l3-d{position:absolute;inset:0;height:100%;transform:translate(calc(var(--i)*.55px),calc(var(--i)*.65px));
  filter:brightness(calc(.9 - var(--i)*.05)) saturate(1.25);pointer-events:none}
.l3-stack .l3-f{position:relative}
.l3-shine{position:absolute;inset:0;pointer-events:none;
  -webkit-mask:url(/img/logo-peradi.svg) center/100% 100% no-repeat;mask:url(/img/logo-peradi.svg) center/100% 100% no-repeat;
  background:linear-gradient(105deg,transparent 38%,rgba(190,225,255,.98) 50%,transparent 62%) 160% 0/250% 100% no-repeat;
  animation:l3-shine 4.2s ease-in-out 1s infinite}
@keyframes l3-shine{0%,35%{background-position:160% 0}75%,100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){.l3-shine{animation:none;display:none}}