/* =========================================================
   GUARDIANOS V13 — ASKARI IDENTITY
   Proprietary shield + digital fingerprint visual language.
========================================================= */

.askari-brand-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(92,188,246,.18));
}

.askari-inline-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  margin: 0 4px;
  filter: drop-shadow(0 0 7px rgba(92,188,246,.16));
}

.askari-identity-ring {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(92,188,246,.18);
  background:
    radial-gradient(circle at 50% 42%, rgba(92,188,246,.11), transparent 55%),
    linear-gradient(145deg, rgba(6,28,42,.88), rgba(3,13,21,.95));
  box-shadow:
    inset 0 0 28px rgba(92,188,246,.035),
    0 0 26px rgba(92,188,246,.055);
}

.askari-identity-ring::before {
  content: "";
  position: absolute;
  inset: 7%;
  border: 1px dashed rgba(92,188,246,.11);
  border-radius: inherit;
  animation: askariIdentityScan 12s linear infinite;
}

.askari-identity-ring::after {
  content: "";
  position: absolute;
  width: 125%;
  height: 28%;
  left: -12.5%;
  top: -30%;
  background: linear-gradient(180deg, transparent, rgba(92,188,246,.08), transparent);
  transform: rotate(-8deg);
  animation: askariIdentitySweep 4.8s ease-in-out infinite;
  pointer-events: none;
}

.askari-identity-ring .askari-brand-icon {
  width: 72%;
  height: 72%;
  position: relative;
  z-index: 2;
}

@keyframes askariIdentityScan {
  to { transform: rotate(360deg); }
}

@keyframes askariIdentitySweep {
  0%, 18% { top: -35%; opacity: 0; }
  42% { opacity: .85; }
  75%, 100% { top: 112%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .askari-identity-ring::before,
  .askari-identity-ring::after {
    animation: none !important;
  }
}