/* Aurora gradient background (same palette as Login) */
.gradient-bg[data-v-b045f1b1] {
  /* 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-b045f1b1] {
  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-b045f1b1] {
  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-b045f1b1 16s ease-in-out infinite;
}
.aurora-2[data-v-b045f1b1] { animation-delay: 4s;
}
@keyframes auroraMove-b045f1b1 {
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 Animation */
.floating-shape[data-v-b045f1b1] {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(45deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));
  backdrop-filter: blur(10px);
  animation: float-b045f1b1 6s ease-in-out infinite;
}
.shape-1[data-v-b045f1b1] {
  width: 80px;
  height: 80px;
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}
.shape-2[data-v-b045f1b1] {
  width: 120px;
  height: 120px;
  top: 20%;
  right: 10%;
  animation-delay: 2s;
}
.shape-3[data-v-b045f1b1] {
  width: 60px;
  height: 60px;
  bottom: 20%;
  left: 20%;
  animation-delay: 4s;
}
.shape-4[data-v-b045f1b1] {
  width: 100px;
  height: 100px;
  bottom: 10%;
  right: 20%;
  animation-delay: 1s;
}
.shape-5[data-v-b045f1b1] {
  width: 40px;
  height: 40px;
  top: 50%;
  left: 5%;
  animation-delay: 3s;
}
@keyframes float-b045f1b1 {
0%, 100% {
    transform: translateY(0px) rotate(0deg);
}
33% {
    transform: translateY(-20px) rotate(120deg);
}
66% {
    transform: translateY(10px) rotate(240deg);
}
}

/* Input Focus Effects */
input[data-v-b045f1b1]:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

/* Button Hover Effects */
button[data-v-b045f1b1]:hover {
  transform: translateY(-2px);
}

/* Glass Morphism */
.backdrop-blur-xl[data-v-b045f1b1] {
  backdrop-filter: blur(24px);
}

/* Smooth Transitions */
[data-v-b045f1b1] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom Scrollbar */
[data-v-b045f1b1]::-webkit-scrollbar {
  width: 8px;
}
[data-v-b045f1b1]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}
[data-v-b045f1b1]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
[data-v-b045f1b1]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* Responsive Design */
@media (max-width: 640px) {
.floating-shape[data-v-b045f1b1] {
    display: none;
}
.max-w-lg[data-v-b045f1b1] {
    max-width: 100%;
}
}

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

/* Gradient Text */
.bg-gradient-to-r[data-v-b045f1b1] {
  background: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-clip-text[data-v-b045f1b1] {
  -webkit-background-clip: text;
  background-clip: text;
}
.text-transparent[data-v-b045f1b1] {
  color: transparent;
}