/* Shared Styles for OnceAI */
:root {
  --primary: #00658a;
  --background-dark: #19202e;
  --background-deep: #0f141d;
}

.ai-aura {
  background: radial-gradient(circle, rgba(0, 101, 138, 0.3) 0%, rgba(147, 51, 234, 0.15) 40%, transparent 70%);
  filter: blur(40px);
}

.ai-orb {
  position: absolute;
  border-radius: 50%;
  opacity: 0.3;
  filter: blur(100px);
  background: radial-gradient(circle, var(--tw-gradient-from) 0%, transparent 70%);
}

.orbit-container {
  perspective: 1000px;
}

.orbit-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-style: preserve-3d;
}

.orbit-1 { transform: translate(-50%, -50%) translate3d(180px, -40px, 0); }
.orbit-2 { transform: translate(-50%, -50%) translate3d(-150px, 120px, 20px); }
.orbit-3 { transform: translate(-50%, -50%) translate3d(40px, -180px, -10px); }

.glow-cyan { text-shadow: 0 0 20px rgba(0, 101, 138, 0.5); }

.glass-panel {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.glow-input {
  transition: all 0.3s ease;
}

.glow-input:focus {
  border-color: rgba(0, 101, 138, 0.5);
  outline: none;
  box-shadow: 0 0 15px rgba(0, 101, 138, 0.3);
}