/* Auth Pages Styles (Login & Register) */
* { font-family: 'Rajdhani', sans-serif; }
.logo-text { font-family: 'Orbitron', sans-serif; }

/* Neon Effects */
.neon-blue { color: #00f0ff; text-shadow: 0 0 5px #00f0ff, 0 0 10px #00f0ff, 0 0 20px #00f0ff; }
.neon-pink { color: #ff00ff; text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff; }

/* Card */
.cyber-card {
  background: linear-gradient(145deg, rgba(15,23,42,0.9) 0%, rgba(30,41,59,0.8) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(100,116,139,0.3);
  border-radius: 16px;
}

/* Input */
.cyber-input {
  background: rgba(15,23,42,0.8);
  border: 1px solid rgba(100,116,139,0.3);
  border-radius: 8px;
  padding: 14px 16px;
  color: white;
  font-size: 16px;
  transition: all 0.3s;
  width: 100%;
}
.cyber-input:focus {
  outline: none;
  border-color: #00f0ff;
  box-shadow: 0 0 15px rgba(0,240,255,0.3);
}

/* Button - Login */
.neon-btn {
  background: linear-gradient(135deg, #00f0ff 0%, #00a8ff 100%);
  color: #0f172a;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 8px;
  transition: all 0.3s;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.neon-btn:hover {
  box-shadow: 0 0 30px #00f0ff, 0 0 60px rgba(0,240,255,0.4);
  transform: scale(1.02);
}

/* Button - Register (Pink) */
.neon-btn-pink {
  background: linear-gradient(135deg, #ff00ff 0%, #ff0080 100%);
  color: white;
}
.neon-btn-pink:hover {
  box-shadow: 0 0 30px #ff00ff, 0 0 60px rgba(255,0,255,0.4);
}

/* Animations */
@keyframes glow {
  0%, 100% { box-shadow: 0 0 5px #00f0ff, 0 0 10px #00f0ff; }
  50% { box-shadow: 0 0 15px #00f0ff, 0 0 30px #00f0ff, 0 0 45px #00f0ff; }
}
@keyframes glow-pink {
  0%, 100% { box-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff; }
  50% { box-shadow: 0 0 15px #ff00ff, 0 0 30px #ff00ff, 0 0 45px #ff00ff; }
}
.animate-glow { animation: glow 2s infinite; }
.animate-glow-pink { animation: glow-pink 2s infinite; }

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.animate-float { animation: float 3s ease-in-out infinite; }

/* Mobile Responsive */
@media (max-width: 480px) {
  body {
    padding: 1rem;
  }

  .max-w-md {
    max-width: 100%;
  }

  /* Logo section */
  .w-14.h-14 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .w-14.h-14 i {
    font-size: 1rem;
  }

  .logo-text.text-4xl {
    font-size: 1.5rem;
  }

  .mb-8 {
    margin-bottom: 1.5rem;
  }

  /* Card */
  .cyber-card.p-8 {
    padding: 1.25rem;
  }

  /* Form title */
  .text-2xl {
    font-size: 1.25rem;
  }

  /* Labels */
  .text-sm {
    font-size: 0.75rem;
  }

  /* Inputs */
  .cyber-input {
    padding: 10px 12px;
    font-size: 14px;
  }

  /* Button */
  .neon-btn {
    padding: 10px 20px;
    font-size: 13px;
  }

  /* Error box */
  .mb-6.p-4 {
    padding: 0.75rem;
    margin-bottom: 1rem;
  }

  /* Spacing */
  .space-y-5 > * + * {
    margin-top: 1rem;
  }

  /* Footer */
  .mt-8 {
    margin-top: 1.5rem;
  }

  .text-slate-400 {
    font-size: 0.75rem;
  }
}

@media (max-width: 360px) {
  body {
    padding: 0.75rem;
  }

  .w-14.h-14 {
    width: 2rem;
    height: 2rem;
  }

  .w-14.h-14 i {
    font-size: 0.875rem;
  }

  .logo-text.text-4xl {
    font-size: 1.25rem;
  }

  .cyber-card.p-8 {
    padding: 1rem;
  }

  .text-2xl {
    font-size: 1.125rem;
  }

  .cyber-input {
    padding: 8px 10px;
    font-size: 14px;
  }

  .neon-btn {
    padding: 8px 16px;
    font-size: 12px;
  }

  label {
    font-size: 0.6875rem;
  }
}