.adsrek-shield-box {
  --shield-border: rgba(107, 190, 255, .34);
  --shield-bg: rgba(7, 24, 42, .78);
  --shield-text: #dff3ff;
  --shield-muted: #8fb1c8;
  --shield-accent: #63c7ff;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(100%, 360px);
  min-height: 62px;
  margin: 12px auto 4px;
  padding: 10px 13px;
  overflow: hidden;
  border: 1px solid var(--shield-border);
  border-radius: 14px;
  background:
    radial-gradient(circle at 18% 0%, rgba(78, 179, 255, .18), transparent 48%),
    linear-gradient(145deg, rgba(13, 41, 67, .92), var(--shield-bg));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 28px rgba(0, 20, 38, .22);
  color: var(--shield-text);
  box-sizing: border-box;
}

.adsrek-shield-box::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--shield-progress, 0%);
  height: 3px;
  background: linear-gradient(90deg, #3ca9ef, #8be6ff);
  box-shadow: 0 0 13px rgba(99, 199, 255, .72);
  transition: width .18s ease;
}

.adsrek-shield-icon {
  position: relative;
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 42px;
  place-items: center;
  clip-path: polygon(50% 0, 91% 15%, 84% 70%, 50% 100%, 16% 70%, 9% 15%);
  background: linear-gradient(160deg, rgba(139, 230, 255, .95), rgba(34, 117, 184, .88));
  color: #06213a;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(91, 199, 255, .42);
}

.adsrek-shield-icon::before {
  content: 'A';
  font-family: Arial, sans-serif;
  line-height: 1;
}

.adsrek-shield-content {
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
}

.adsrek-shield-title {
  display: block;
  margin: 0 0 3px;
  color: var(--shield-text);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .01em;
}

.adsrek-shield-status {
  display: block;
  color: var(--shield-muted);
  font-size: 11px;
  line-height: 1.35;
}

.adsrek-shield-badge {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid rgba(139, 230, 255, .23);
  border-radius: 999px;
  background: rgba(46, 143, 205, .12);
  color: #aeeeff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.adsrek-shield-box.is-working .adsrek-shield-icon {
  animation: adsrekShieldPulse 1.05s ease-in-out infinite;
}

.adsrek-shield-box.is-ready {
  --shield-border: rgba(100, 226, 180, .42);
}

.adsrek-shield-box.is-ready .adsrek-shield-icon {
  background: linear-gradient(160deg, #9df4d2, #37b989);
}

.adsrek-shield-box.is-ready .adsrek-shield-icon::before {
  content: '✓';
}

.adsrek-shield-box.is-ready .adsrek-shield-badge {
  border-color: rgba(91, 226, 171, .28);
  background: rgba(50, 181, 130, .12);
  color: #a8f3d4;
}

.adsrek-shield-box.is-error {
  --shield-border: rgba(255, 112, 128, .42);
}

.adsrek-shield-box.is-error .adsrek-shield-icon {
  background: linear-gradient(160deg, #ffb1b9, #df5366);
}

.adsrek-shield-box.is-error .adsrek-shield-icon::before {
  content: '!';
}

.adsrek-shield-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@keyframes adsrekShieldPulse {
  0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
  50% { transform: translateY(-1px) scale(1.045); filter: brightness(1.18); }
}

@media (max-width: 520px) {
  .adsrek-shield-box {
    width: 100%;
    min-height: 58px;
    padding: 9px 10px;
    border-radius: 12px;
  }
  .adsrek-shield-icon {
    flex-basis: 34px;
    width: 34px;
    height: 38px;
  }
  .adsrek-shield-badge {
    display: none;
  }
}