/* Global transitions (kept subtle) */
[data-v-99e29fc4] { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Aurora gradient background */
.gradient-bg[data-v-99e29fc4] {
  /* Northern Lights variant: cooler teal–lime with deep night base */
  background: radial-gradient(1200px 800px at 15% 25%, rgba(45,212,191,0.32), transparent 60%),
              radial-gradient(900px 700px at 80% 65%, rgba(168,85,247,0.22), transparent 60%),
              radial-gradient(700px 500px at 40% 80%, rgba(190,242,100,0.18), transparent 60%),
              linear-gradient(135deg, #030712, #0a0f1f 55%, #111827);
}

/* Soft dot grid overlay */
.grid-dots[data-v-99e29fc4] {
  background-image: radial-gradient(circle at 25% 25%, rgba(255,255,255,0.08) 2px, transparent 2px),
                    radial-gradient(circle at 75% 75%, rgba(255,255,255,0.06) 2px, transparent 2px);
  background-size: 60px 60px;
  opacity: 0.25;
}

/* Animated aurora ribbons */
.aurora[data-v-99e29fc4] {
  width: 1200px;
  height: 1200px;
  filter: blur(80px);
  /* Northern Lights ribbons: teal → indigo → violet → lime */
  background: conic-gradient(from 180deg at 50% 50%, rgba(45,212,191,0.20), rgba(99,102,241,0.18), rgba(168,85,247,0.20), rgba(190,242,100,0.16), rgba(45,212,191,0.20));
  animation: auroraMove-99e29fc4 16s ease-in-out infinite;
}
.aurora-2[data-v-99e29fc4] { animation-delay: 4s;
}
@keyframes auroraMove-99e29fc4 {
0%, 100% { transform: translate3d(0,0,0) scale(1);
}
33% { transform: translate3d(-40px, 20px, 0) scale(1.1);
}
66% { transform: translate3d(30px, -30px, 0) scale(0.95);
}
}

/* Floating blobs */
.blob[data-v-99e29fc4] {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.15), rgba(255,255,255,0.05));
  backdrop-filter: blur(12px);
  animation: blobFloat-99e29fc4 10s ease-in-out infinite;
}
.blob-1[data-v-99e29fc4] { width: 120px; height: 120px; top: 12%; left: 8%; animation-delay: 0s;
}
.blob-2[data-v-99e29fc4] { width: 80px; height: 80px; bottom: 18%; right: 12%; animation-delay: 2s;
}
.blob-3[data-v-99e29fc4] { width: 60px; height: 60px; top: 55%; left: 4%; animation-delay: 4s;
}
@keyframes blobFloat-99e29fc4 {
0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg);
}
33% { transform: translateY(-16px) translateX(10px) rotate(120deg);
}
66% { transform: translateY(12px) translateX(-8px) rotate(240deg);
}
}

/* Glass panels */
.glass-panel[data-v-99e29fc4] { background: rgba(255,255,255,0.06); backdrop-filter: blur(16px);
}
.glass-card[data-v-99e29fc4] { background: rgba(255,255,255,0.08); backdrop-filter: blur(18px); box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

/* Feature chips */
.feature-chip[data-v-99e29fc4] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
  border: 1px solid rgba(255,255,255,0.2);
  text-align: center;
  font-weight: 600;
}

/* Input focus soft glow */
input[data-v-99e29fc4]:focus { box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

/* Button hover lift */
button[data-v-99e29fc4]:hover { transform: translateY(-2px);
}

/* Loading Animation */
@keyframes spin-99e29fc4 {
to { transform: rotate(360deg);
}
}
.animate-spin[data-v-99e29fc4] { animation: spin-99e29fc4 1s linear infinite;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
[data-v-99e29fc4] { animation: none !important; transition: none !important;
}
}

/* Mobile tweaks */
@media (max-width: 640px) {
.blob[data-v-99e29fc4] { display: none;
}
}