.code-container {
  display: flex;
  justify-content: space-between;
  width: 300px;
  margin: auto; }

.code-input {
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  outline: none; }

.code-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); }

.text-blue-lg {
  --text-opacity: 1;
  color: #286090;
  color: rgba(40, 96, 144, var(--text-opacity));
  font-size: larger; }

.w-90 {
  width: 25rem; }

.disabled {
  pointer-events: none;
  opacity: 0.6; }