/* Zorq AI — shared futuristic shell */
:root {
  --zorq-cyan: #22d3ee;
  --zorq-violet: #a855f7;
  --zorq-ink: #030712;
}

.zorq-grid {
  background-color: var(--zorq-ink);
  background-image:
    linear-gradient(rgba(34, 211, 238, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 211, 238, 0.06) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 100%);
}

.zorq-noise {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  opacity: 0.12;
  mix-blend-mode: overlay;
}

@keyframes zorq-orbit {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.zorq-halo {
  animation: zorq-orbit 48s linear infinite;
}

@keyframes zorq-shimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

.zorq-shimmer {
  background-size: 200% 200%;
  animation: zorq-shimmer 8s ease infinite;
}