/* Form styles */
.form-group {
  position: relative;
}

.floating-label {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: #9ca3af;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

.floating-label.textarea {
  top: 20px;
  transform: none;
}

.form-input:focus + .floating-label,
.form-input:not(:placeholder-shown) + .floating-label {
  top: -8px;
  left: 12px;
  font-size: 0.75rem;
  color: #3b82f6;
  background: #1e293b;
  padding: 0 8px;
  transform: none;
}

.form-input {
  background: transparent;
  border: 2px solid #374151;
  transition: all 0.3s ease;
}

.form-input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
  background: rgba(59, 130, 246, 0.05);
}

.form-input:hover {
  border-color: #4b5563;
}