Text Input CSS Generator

.input {
  background: #1a1a2e;
  color: #e0e0e0;
  border: 1px solid #333355;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  outline: none;
  width: 100%;
  transition: border-color 0.2s ease;
}

.input::placeholder {
  color: #666;
}

.input:focus {
  border-color: #6366f1;
}