/* Loading screen - Elegant compact design */
#loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0f172a;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

#loading-screen .modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* Shield icon container with glow */
#loading-screen .icon-wrapper {
  position: relative;
}

#loading-screen .icon-glow {
  position: absolute;
  inset: 0;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 12px;
  filter: blur(16px);
  animation: pulse 2s ease-in-out infinite;
}

#loading-screen .icon-box {
  position: relative;
  padding: 16px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(59, 130, 246, 0.05) 100%);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 12px;
}

#loading-screen .icon-box svg {
  width: 32px;
  height: 32px;
  color: rgba(59, 130, 246, 0.8);
}

/* Pulsing dots */
#loading-screen .dots {
  display: flex;
  gap: 4px;
}

#loading-screen .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.6);
  animation: pulse 1s ease-in-out infinite;
}

#loading-screen .dot:nth-child(2) {
  background: rgba(59, 130, 246, 0.4);
  animation-delay: 0.15s;
}

#loading-screen .dot:nth-child(3) {
  background: rgba(59, 130, 246, 0.2);
  animation-delay: 0.3s;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

#loading-screen p {
  font-size: 14px;
  color: rgba(148, 163, 184, 0.8);
  font-weight: 400;
}

/* Protect technical terms from browser translation */
.notranslate, [translate="no"] {
  /* Prevent translation tools from modifying content */
}

/* Hide Google Translate toolbar/banner completely */
.goog-te-banner-frame,
.skiptranslate.goog-te-gadget,
body > .skiptranslate:first-child,
body > .skiptranslate iframe {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Prevent body from being pushed down by GT */
body {
  top: 0 !important;
  position: static !important;
  margin: 0;
  padding: 0;
}

html.translated-ltr body,
html.translated-rtl body {
  top: 0 !important;
}

/* Optimize font loading */
@font-face {
  font-family: 'system-ui';
  font-display: swap;
}