/* Loading screen (Double Ring): shown by index.html before any app code
   loads, and taken away by main.tsx once the app has drawn (at least 1.2 s
   so it never flickers). If that never happens it fades by itself after 4 s.
   Its own file because the Content Security Policy forbids inline styles.
   CertVerity blue only: no yellow, amber, gold or orange. */
.cv-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  background: radial-gradient(60% 45% at 50% 44%, rgba(37, 99, 235, 0.16), transparent 70%), #09090b;
  color: #fafafa;
  font: 600 22px/1.2 "Geist Variable", Geist, Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
  letter-spacing: -0.02em;
  transition: opacity 0.35s ease, visibility 0.35s;
  animation: cv-splash-out 0.4s 4s forwards;
}
.cv-splash.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.cv-splash-orb {
  position: relative;
  width: 120px;
  height: 120px;
  display: grid;
  place-items: center;
}
.cv-splash-rings {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.cv-splash-rings circle {
  fill: none;
  stroke-linecap: round;
  transform-origin: 60px 60px;
}
.cv-splash-rings .r1 {
  stroke: #3b82f6;
  stroke-width: 3;
  stroke-dasharray: 70 270;
  animation: cv-splash-spin 1.4s linear infinite;
}
.cv-splash-rings .r2 {
  stroke: #93c5fd;
  stroke-width: 2;
  stroke-dasharray: 40 220;
  animation: cv-splash-spin 1s linear infinite reverse;
}
.cv-splash-mark {
  width: 54px;
  height: 54px;
  filter: drop-shadow(0 0 18px rgba(59, 130, 246, 0.55)) drop-shadow(0 8px 20px rgba(37, 99, 235, 0.35));
}
.cv-splash-word {
  animation: cv-splash-rise 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.cv-splash-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
@keyframes cv-splash-spin {
  to {
    transform: rotate(360deg);
  }
}
/* Movement only: the name is visible from the first frame, even where a
   browser holds animations back (background tabs, power saving). */
@keyframes cv-splash-rise {
  from {
    transform: translateY(6px);
  }
}
@keyframes cv-splash-out {
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cv-splash-rings .r1,
  .cv-splash-rings .r2,
  .cv-splash-word {
    animation: none;
  }
}