/* Register Page Specific Styles */
.register-container {
  min-height: 100vh;
  position: relative;
  /* background: var(--quantum-darker); */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* .register-background {
  position: absolute;
  inset: 0;
  z-index: 0;
} */

/* .bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
} */

/* Particles */
.particles-container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: var(--quantum-primary);
  border-radius: 50%;
  opacity: 0;
  animation: particleFloat 3s infinite ease-in-out;
}

@keyframes particleFloat {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-100px);
  }
}

/* Floor Neon Effect */
/* .floor-neon {
  position: absolute;
  bottom: 0;
} */

/* Referral Text */
.referral-text {
  color: var(--quantum-primary);
  font-size: 0.9rem;
}

.register-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: white;
  background: linear-gradient(
    45deg,
    var(--quantum-primary),
    var(--quantum-secondary)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Success Modal */
.success-icon {
  font-size: 4rem;
  animation: bounce 1s ease-out;
}

/* Responsive */
@media (max-width: 768px) {
  .register-title {
    font-size: 2rem;
  }

  .register-card {
    margin: 1rem;
  }
}

/* Animation Effects */
/* .register-card:hover {
  box-shadow: 0 30px 60px rgba(6, 182, 212, 0.4);
  transform: translateY(-5px);
  transition: all 0.3s ease;
} */

/* Form Validation */
.was-validated .form-control:valid {
  border-color: #28a745;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.was-validated .form-control:invalid {
  border-color: #dc3545;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}