/* Password Strength Indicator */
  .strength-bar {
      height: 4px;
      background: #e0e0e0;
      border-radius: 2px;
      overflow: hidden;
      margin-bottom: 5px;
  }

  .strength-bar-fill {
      height: 100%;
      width: 0%;
      transition: all 0.3s ease;
      border-radius: 2px;
  }

  .strength-bar-fill.weak {
      width: 33%;
      background: linear-gradient(90deg, #ef4444, #dc2626);
  }

  .strength-bar-fill.medium {
      width: 66%;
      background: linear-gradient(90deg, #f59e0b, #d97706);
  }

  .strength-bar-fill.strong {
      width: 100%;
      background: linear-gradient(90deg, #10b981, #059669);
  }

  .strength-text {
      font-size: 12px;
      font-weight: 500;
  }

  .strength-text.weak {
      color: #ef4444;
  }

  .strength-text.medium {
      color: #f59e0b;
  }

  .strength-text.strong {
      color: #10b981;
  }

  /* Password Requirements */
  .password-requirements {
      padding: 10px;
      background: #f8f9fa;
      border-radius: 6px;
      border: 1px solid #e9ecef;
  }

  .requirement {
      display: block;
      font-size: 12px;
      color: #6c757d;
      margin-bottom: 4px;
      transition: color 0.2s ease;
  }

  .requirement.met {
      color: #10b981;
  }

  .req-icon {
      display: inline-block;
      width: 16px;
      font-weight: bold;
  }

  .requirement.met .req-icon {
      color: #10b981;
  }